善用事件代理，警惕闭包的性能陷阱。

2016年07月27日 6 阅读

简言之，闭包是产生一个没有被释放资源的栈区。换言之，就是一个不可控的内存空间占用，如果与事件相关联，JS的垃圾回收机制也不会去触碰该区域。 例如：我们有个项目需要实现在一个div中有上百个热点区域（a标签），类似淘宝店铺广告位自定义，那么按照传统的做法，我们会如下做一个最典型的闭包使用的实例，目的是改变this的作用域，在其处理函数内部调用其他属于该作用域的方法或属性。 复制代码 代码如下: var apply = function（） { this....

无阻塞加载脚本分析[全]

2016年07月27日 7 阅读

由于浏览器是单线程的，因此脚本在载的时候会阻塞下载其它资源；虽然在现在浏览器已经有所改善，但仍然有待改进。 很显然，脚本必须按顺序执行，但没有必要按顺序下载，解决方法： 1。内嵌JS 通常由于页面大小和缓存能带来更多好处，因此外部文件引入JS更好一些； 在少数情况下，比如首页、少量JS情况下尚可接受。 2。XHR Eval 通过XMLHttpRequest从服务器端获取脚本。 主要缺陷是，通过XHR获取的脚本必须部署在和主页面相同的域中。 复制代码 代码如...

有趣的JavaScript数组长度问题代码说明

2016年07月27日 5 阅读

第一点： 复制代码 代码如下: var lennon=Array（）; lennon["name"]="windy"; lennon["year"]="1989"; lennon["living"]=true; alert（lennon.length）; 结果：lennon.length 为 0原因： 用以下方式增加数组元素，将不改变数组的长度 arr["a"]=3;第二点:复制代码 代码如下: var foo2 = []; foo2["3"] = 3;...

返回对象在当前级别中是第几个元素的实现代码

2016年07月27日 5 阅读

复制代码 代码如下: //语法：prev（element） //参数：element对象 //返回：对象在当前级别中是第几个元素,从1开始 //<SPAN class=sep>2010-08-26 15:13:55</SPAN> function prev（elem,cont） { if（！cont）{cont=1} elem = elem.previousSibling; if（elem）{return prev（elem,（co...

基于jquery鼠标点击其它地方隐藏层的实例代码

2016年07月27日 5 阅读

效果图:下面的代码运行后，需要再刷新一下。 test .div_d{ padding:10px; border:1px dotted red; position:absolute; display:none; cursor:pointer;} $（function（）{ $（"input[id=search]"）.focus（function（even）{ var pos=$（this）.offset（）; $（".div_d"）.css（{...

整理的40个有用的jQuery技术和教程

2016年07月27日 8 阅读

1. Custom Animation Banner with jQuery在该教程中你将学会如何使用jQuery的Easing插件及2D Transform插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动画的形式融入到横幅中去。查看实例2. Moving Boxes Carousel with jQuery你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块。查看实例3. Quick Feedback Form – jQuery & PHP...

精选的10款用于构建良好易用性网站的jQuery插件

2016年07月27日 7 阅读

Embedded help system 看过该插件demo后，感叹道，真是太棒了！点demo里的How to下面的几个链接看看效果:）Embedded Help System如其名，能将帮助信息集成到网页中，告诉用户一步一步怎么操作，易用性非常好！jRating 评分插件jRating 是一个ajax评分插件，得益于插件的众多options和方法，它非常简单易用 ！比如，你可以设置五角星的数量或者最大的得分等。jNotify- jQuery Plugi...

基于jQuery的输入框无值自动显示指定数据的实现代码

2016年07月27日 5 阅读

【解决方案】 1. 准备工作 （1）输入框 复制代码 代码如下: <input type="text" name="searchText" title="请输入搜索关键字" /> （2）CSS代码 复制代码 代码如下: input.helpText { color: #aaa;} （3）转换方法 复制代码 代码如下: function switchText（） { if （$（this）.val（） == $（this）.att...

11款新鲜的jQuery插件[附所有demo下载]

2016年07月27日 8 阅读

英文链接：http://desizntech.info/2011/01/10-must-see-new-useful-jquery-plugins/ 1.Shadow Animation背景动画，支持淡入淡出效果，可惜ie不支持，火狐和谷歌浏览器能正常运行。2.jQuery Quick TipjQuery快速提示插件。3.uGallery – Tiny and Clean Image Gallery用户浏览图片的插件。 4.ezColumns动态列插件 5...

jquery lazyload延迟加载技术的实现原理分析

2016年07月27日 7 阅读

前言懒加载技术（简称lazyload）并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy load官网（http://www.appelsiini.net/projects/lazyload）称不支持新版浏览器。 lazyload在什么场合中应用比较合适？涉...

jQuery 幻灯片插件（带缩略图功能）

2016年07月27日 8 阅读

应朋友的邀请，帮他公司做一个幻灯播放效果，效果如下： 缩略图正中间的为当前播放到的图片，两边呈发散状，逐渐缩小并降低透明度。假设当前正播放到第０张图片，则排列情况如下： ０ １ ４ ２ ３ 按逆时针方向转一张图后的排列情况如下： ４ ０ ３ １ ２ 这个只是缩略图的播放效果，缩略图轮转时，后面有对应大图跟着从右到左滚进，并且大图进入的速度要对应着缩略图轮转，整体效果如下： 本人考虑将缩略图轮转与大图的滚...

jquery animate图片模向滑动示例代码

2016年07月27日 6 阅读

这个对象中每个属性都表示一个可以变化的样式属性（如"height"、"top"或"opacity"）。 注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是"hide"、"show"或"toggle"这样的字符串值，则会为该属性调用默认的动画形式。 函数声明如下： 复制代码 代码如下:animate（...

基于jquery的表头固定的若干方法

2016年07月27日 5 阅读

A:使用JQuery UI插件，用DIV替换table，overflow-y:hidden达到滚动，让 thead绝对定位达到固定的目的，方法如下： 复制代码 代码如下: （function（$）{ $.chromatable = { defaults: { width: "900px", height: "300px", scrolling: "yes" } }; $.fn.chromatable = function（options）{ var opt...

EXT窗口Window及对话框MessageBox

2016年07月27日 5 阅读

看下面的代码： 复制代码 代码如下: var i=0; function newWin（）{ var win = new Ext.Window（{ title:"窗口"+i++, width:400, height:300, maximizable:true }）; win.show（）; } Ext.onReady（ function（）{ Ext.get（"btn"）.on（"click",newWin）; } ）; 页面中的html内容： ...

Iframe自适应高度绝对好使的代码 兼容IE,遨游，火狐

2016年07月27日 6 阅读

复制代码 代码如下: <script type="text/javascript"> function reinitIframe（）{ var iframe = document.getElementById（"mainFrame"）; try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.do...

JavaScript 注册事件代码

2016年07月27日 6 阅读

首先是最常规的方法： 程序代码 复制代码 代码如下: <p id="para" title="cssrain demo！" onclick="test（）" >test</p> <script> function test（）{ alert（"test"）; } </script> 当某一天，我们知道JavaScript要跟HTML结构实现分离后，就会改了一种写法: 程序代码 复制代码 代码如下: <...

javascript对数组的常用操作代码 数组方法总汇

2016年07月27日 6 阅读

1. shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift（）; //a：[2,3,4,5] b：1 2. unshift：将参数添加到原数组开头，并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift（-2,-1）; //a：[-2,-1,1,2,3,4,5] b：7 注：在IE6.0下测试返回值总为unde...

鼠标右击事件代码（asp.net后台）

2016年07月27日 5 阅读

js代码如下： 复制代码 代码如下: <script type="text/javascript"> //禁用右键菜单 document.oncontextmenu=ContextMenu; //鼠标右击事件 function ContextMenu（） { //创建两个变量,作为菜单出现的坐标 var x; var y; //获取菜单外部Div（下面简称面板） var FramePanel=document.getElementById（"F...

Js浏览器全屏代码（模仿按F11）

2016年07月27日 8 阅读

test function Fkey（）{ var WsShell = new ActiveXObject（"WScript.Shell"） WsShell.SendKeys（"{F11}"）; } 屏幕切换 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

javascript使用activex控件的代码

2016年07月27日 6 阅读

首先在页面加入avtivex 复制代码 代码如下: <object classid="clsid:B094CE95-40EA-4798-99DC-4B8CE548121F" height="100%" width="100%" id="UiMonitor"> </object> javascript 代码 复制代码 代码如下: <%--使用activex事件--%> <script type="text/java...