-
创建固定位置弹出浮动广告的实例代码
所属栏目:[模式] 日期:2018-09-12 热度:182
很久没有写JS程序了,这两天终于有空了,把之前的一个浮动广告代码重写了一下。呵呵,还是那句话,能力有限,如有错误敬请指证和指点。演示效果 演示地址:http://www.yaohaixiao.com/ 演示的效果是弹出视频广告,不过我这个视频是一个JAVASCRIPT教程,所[详细]
-
Javascript轻松控制页面图片大小
所属栏目:[模式] 日期:2018-09-12 热度:192
今天Gonten在某CMS模板里发现一段很实用的代码,来分享一下。经常看到有些网页,因为图片太大,也没有控制图片大小,导致页面错位,或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下: script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript:isPrototypeOf和hasOwnProperty
所属栏目:[模式] 日期:2018-09-12 热度:165
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototypeOf(object2); object1是一个对象的实例; object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目:[模式] 日期:2018-09-12 热度:132
定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水[详细]
-
JavaScript Event学习补遗:addEventSimple
所属栏目:[模式] 日期:2018-09-12 热度:175
这里有个addEventSimple和removeEventSimple函数,有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章:按键的检测
所属栏目:[模式] 日期:2018-09-12 热度:162
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题,并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准,按照规范说的:包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[模式] 日期:2018-09-12 热度:93
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-12 热度:178
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-12 热度:79
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
JavaScript 组件打包模式
所属栏目:[模式] 日期:2018-09-11 热度:86
js组件通常带着css image ,但这样使用起来可能会有些小麻烦,为了让组件足够的solo,有了把css image也打包在js的想法,然后顺便把请求数变少,这个顺便好像更重要,呵呵。 那怎样打包呢,虽然有resource-packages这样的方案,可是我们的核心用户还在玩ie[详细]
-
JS判断来路搜索引擎并提示加入收藏
所属栏目:[模式] 日期:2018-09-11 热度:159
今天小编在网上闲逛时无意间发现的一个非常实用的JS代码,如果你通过搜索引擎访问该网站,则提示:您通过XX搜索引擎来到XX网站... 是否加入收藏夹?另外还有提示设置首页的功能。 友情提示:请自行修改代码中的烈火网与网址。 实例代码: var sitename =[详细]
-
jquery.ui插件的网页布局模块拖拽功能
所属栏目:[模式] 日期:2018-09-11 热度:151
最近由于系统升级换代,连个人空间都要改造,目标是模仿QQ空间的空间装扮功能 在查了一些基本的资料之后决定用jquery.ui的插件 最后简单地实现了更换主题,布局切换,模块拖曳,自定义控制等基本功能 思路很简单,原程序也很简单,需要理解主要是jquery 和[详细]
-
JavaScript 获取单元格自定义属性值
所属栏目:[模式] 日期:2018-09-11 热度:112
js取单元格自定义属性值,IE和FF下的不同实现 result+=Item var isIE=document.all ? true : false; if(isIE)//IE { for (var i=0;iobj.cells.length;i++) result+=+obj.cells[i].fieldname+![CDATA[+$(obj.cells[i]).text()+]]/+obj.cells[i].fieldname+;[详细]
-
JS 如何获取当前 select 元素的值
所属栏目:[模式] 日期:2018-09-11 热度:101
如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。 可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 option 元素 text3,[详细]
-
ZeroClipboard解决跨浏览器复制到剪贴板
所属栏目:[模式] 日期:2018-09-11 热度:112
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到 剪贴板 。 Zero Clipboard的安装方法 其实也不算安装啦,就[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-11 热度:114
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-11 热度:99
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-11 热度:170
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-11 热度:127
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-10 热度:148
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-10 热度:124
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-10 热度:200
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-10 热度:109
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-10 热度:153
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript入门教程:一百多个基础知识
所属栏目:[模式] 日期:2018-09-10 热度:123
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
