白小虫

摘要： html结构代码如下所示： HOME ABOUT PHOTO WORKS CONTACTCSS代码如下所示：#nav { font-size: 1.1em; height: 38px; line-height: 38px; padding-top: 10px; float: right;}#nav li { margin: 0; padding: 0; overflow: hidden; float: left; height: 40px; width: 114px; di... 阅读全文

摘要： 用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值：static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框。ralative是指相对定位，就是依据left，right，top，bottom等属性在正常文档流中偏移位置。　1、当Position属性值为Relati 阅读全文

摘要： chrome支持$Lines.hover(function(){ $(this).stop().animate({backgroundPositionY: "-=50px"},500); },function(){ $(this).stop().animate({backgroundPositionY: "+=50px"},500); });但是FF不支持 阅读全文

摘要： $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览... 阅读全文

摘要： 使用data()方法缓存数据1、根据元素中的名称定义或返回存储的数据，其调用格式为： data([name])其中，参数name为字符型，表示存储数据的名称。2、根据元素中的名称在元素上存储或设置数据，其调用的格式为： data(name,value)其中，参数name表示存储数据的名称，value表示将要被存储的数据。3、除了定义和存储数据外，还可以移除元素中存放的数据，其调用格式为： removeData(name)其中，参数name表示将要被移除的元素上的数据名称 阅读全文

摘要： 在指定的查找范围内获取DOM元素（1）功能描述 定义两个全局变量，其$objTmp0通过$(expression,[context])方法获取DOM元素div0，另外一个变量$objTmp1通过$(element)方法获取元素div1，然后，自定义一个名为TestFun的函数，该函数的作用是通过定义的全局变量，设置DOM元素的内容，并显示在页面中。（2）实现代码在指定的查找范围内获取DOM元素 结论：尽量使用$(expression,[context])方法访问DOM元素。 阅读全文

摘要： 所谓对象缓存，就是在使用jQuery对象时，先尽量使用变量保存对象名，然后，通过变量进行相应的方法操作。如下代码是欠妥的：$("#divTip").bind("click",function(){alert("hello!");})$("#divTip").css("width","200px");$("#divTip").css("background-color","red");比较优化的代码是：var objT 阅读全文

摘要： 优先使用ID与标记选择器 在jQuery中，访问DOM元素的最快方式是通过ID号，其次是通过元素的标记。因为前者源于JavaScript中的document.getElementById(),而后者源于document.getElementsByTagName()方法。例如：var eleName0 = $("#id");var eleName1 = $("div");var eleName2 = $(".class");访问速度：ID > tag > classa、应避免重复修饰，即避免使用ID号修饰ID号，错误代码如下 阅读全文

摘要： （1）功能描述 在列表元素中，鼠标在表项元素移动时，可以自定义其获取焦点（focus）时的背景颜色，即设置表项元素选中时的背景色。（2）搭建框架 新建一个js文件，命名为jquery.lifocuscolor.js，并在文件中使用$.fn.extend()方法完成框架的大件。其实现的代码如下：/*------------------------------------------------------------/功能：设置列表中表项获取鼠标焦点时的背景色参数：li_col【可选】 鼠标所在表项行的背景色返回：原调用对象示例：$("ul").focusColor(&quo 阅读全文

摘要： 插件的种类 从广义上来说，插件分为3类，即封装方法插件、封闭函数插件、选择器插件，但最后一种很少人去开发使用，自定义的插件种类多属于前面两种。1、封装方法插件 封装方法插件在本质上来说，是一个对象级别的插件，该类插件首先通过jQuery选择器获取对象，并为对象添加方法，然后，将方法进行打包，封装成一个插件，这种类型的插件编写简单，极易调用，也很方便地使用了jQuery中功能强大的选择器，因此，成为开发插件的首选。2、封闭函数插件 封闭函数插件是一个类别级的插件，该类插件最大的特点，就是可以直接给jQuery添加静态方法，并且可以将函数置于jQuery命名空间中，如最为常见的就是$.aja... 阅读全文