前言 上篇主要介绍JQuery的核心函数的原理机制,这篇将开始介绍jQuery对象访问和数据缓存原理,主要内容包括: 分析 一、jQuery对象访问 1. 【 each(callback) 】 例子: HTML代码 jQuery代码 运行结果 img/img/ $(img).each(function(i){ this.src = test + i + .jpg; });

Posted at (10-11-16)Views(41)

框架介绍 Jquery 是一个轻量级,快速简洁的 Javascript 框架,它的容量小巧,压缩后的 js 文件只有 31k ,简洁和简短的语法,容易记;用户能更方便地处理 HTML DOM 、 Events 、实现动画效果,并且提供 Ajax 的支持。 插件思想 利用 Jquery 的插件机制,这里先介绍最简单的插件形成: 首先新建 jquery.sayHi.js 做为 sayHi 功能的插件文件( jquery 插件命名规则没有限制,这里推荐使用 jquery.XX.js 的命名方式)

Posted at (10-11-16)Views(31)

scriptwindow.baidu=window.baidu||{version:1-0-0,emptyFn:function(){}};baidu.isString=function(A){return(typeof A==objectAA.constructor==String)||typeof A==string};baidu.swf=baidu.swf||{};baidu.swf.getMovie=function(A){return document[A]||window[A]};b

Posted at (10-10-02)Views(116)

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadtitle装载iframe子页面,自适应高度/titlescript type=text/javascriptfunction test2(){var frameWin = docum

Posted at (10-09-11)Views(47)

在页面很长(超过3屏)且图片又很多时,默认情况下浏览器会加载所有图片,有可能导致第二屏的图片显示出来了,但第一屏的图片还在加载,这种情况最适合用javascript延时加载来改善用户体验. 原理: 1.根据图片元素距页面顶部的距离,判断图片自身在第几屏 2.所有图片元素的src值先不设置,改而用其它自定义属性,比如src写成lazy_src(这样浏览器就不会主动加载图片) 3.根据1的判断,如果轮到自己登场了(即到顶部的距离变化了,比如用户拉动滚动条了),则将lazy_src值赋值为src,这样

Posted at (10-09-07)Views(50)

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title超级经典一套鼠标控制左右滚动图片带自动翻滚丨芯

Posted at (10-09-04)Views(62)

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title仿360菜单by hsb008 QQ: 4161

Posted at (10-08-15)Views(66)

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title横二级润滑 竖二级折叠菜单 01/titles

Posted at (10-03-28)Views(126)