下载jquery.tools.min.js库：http://pan.baidu.com/s/1jGp5y8e 引用jquery.tools.min.js： <script type="text/javascript" src="jquery.tools.min.js"></script> JavaScript代码： <script type="text/javascript"> // perform JavaScript after the document is scriptable. $(fun...
children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 children方法获得的仅仅是元素一下级的子元素，即：immediate children。 find方法获得所有下级元素，即：descendants of these elements in the DOM tree children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。 find方法事实上可以通...
完整代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>资...
前面有介绍几种随滚动条固定滚动的jquery代码： jQuery判断div随滚动条滚动到一定位置后停止 兼容IE6浏览器的jQuery实现边栏随滚动条固定 jQuery实现页面滚动时层智能浮动定位（随滚动条滚动） 下面再介绍几种，实现的效果大同小异，只是代码有些差异，可以用来参考学习： 效果一： jQuery代码： //侧栏跟随 (function() { var oDiv = document.getElementById("float"); var H = 0, iE...
应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了，现在似乎在国内一些商业网站上也屡见此效果，例如淘宝网的搜索结果页的排序水平条，在默认状态下，滚动条跟随页面滚动，如下： 随着页面向下滚动，当此水平条接触浏览器的上边缘时，水平条独立出来，不跟随滚动条滚动了，类似的效果在新浪微博上也有，当页面滚动，新动态提示开始要淡出浏览器窗口的时候，其浮动于浏览器窗口的最上沿显示，此效果实现原理其实很简单，本文就将展示其实现。 实现原理 默认状态就是默认状态，什么事情也不用做，定位是absolute也好，static也好，都ok...
jQuery实现图片延迟加载： <script type="text/javascript" src="/js/jquery.lazyload.js"></script> <script type="text/javascript"> $(function() { $("img").lazyload({ effect : "fadeIn" }); }); </script> 其中img是延迟加载所有图片，也可以根据不同需要作相应改动，比如可以改成#post img，这样只延迟加载#post 容...
html代码： <p id="back-to-top"> <a href="#top"><span></span>返回顶部</a> </p> 其中a标签指向锚点top，可以在顶部添加一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。 返回顶部按钮显示在右侧，CSS代码： /*returnTop*/ p#back-to-top{ position:fixed; display:none...
jQuery 嵌套的过滤器 过滤器可以有效对结果集就行过滤，最终得到我们想要的结果。例如下面代码就把结果集中包含有类 .selected 的元素给过滤掉了： .filter(":not(:has(.selected))"); jQuery 缓存选择器结果集 把结果集保存在变量中缓存下来，重用时就无需再次用选择器去选择了。 var allItems = $("div.item"); var keepList = $("div#container1 div.item"); 小邪 注: 使用 “jQuery 缓存选择器结果集” 的时候如果一...
侧边栏随滚动条上下滚动，始终固定在一个位置的功能，现在很多网站和博客都有这个功能，部分购物网站用这个功能放购物车或商品分类导航，使产品页面很长的时候，侧边栏能始终固定发挥它应有的作用，有的网站用这个功能来边栏的广告。 jQuery代码： var rollSet = $('#Roll');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改 var offset = rollSet.offset(); $(window).scroll(function () { // 检查对象的顶部是否在游览器可见的范围内 var scrollT...
animate是jq的一个特效的函数方法，animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。 CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比如 "margin:30px"）。 字符串值无法创建动画（比如 "background-color:red"）。 $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 表示滚动条跳到0的位置，...
<script type="text/javascript"> var rollSet = $('#widget'); var offset = rollSet.offset(); var fwidth = $("#footer").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop(); var scrollBtm = $(document).height() - $(window).scrollTop() - $("#wid...
删除这段html代码里面的一对<p>标签，但是要保持里面的内容不被删除： <p>大家好，欢迎来到neirong.org<a href="http://neirong.org">资源共享</a></p> jQuery代码： <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script ...