展开菜单

jQuery slice()方法获取指定索引范围内的元素

slice() 把匹配元素集合缩减为指定的指数范围的子集。模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。如果提供负数,则指示的是从集合结尾开始的一个位置,而非从开头。 语法: $('element').slice(selector,end) selector - 基于 0 的整数值,指示开始选取元素的位置。如果是负数,则指示从集合末端开始的偏移量。 end - 基于 0 的整数值,指示结束选取元素的位置。如果是负数,则指示从集合末端开始的偏移量。如果省略,则选取范围会在...

jQuery动画效果animate滚动到指定页面ID的位置

CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red 要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(function(){ $('html,body').animate({scrollTop:$('#comments').offset().top}, 80...

jQuery实现随窗口大小变化的自适应高度元素

代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $("div[autoheight]"); if (_jahDivs.length > 0) { _jahDivs.css("overflow",...

jQuery让页面随着窗口大小变化自动加减宽度?

例子 CSS代码: .div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;} jQuery代码: $(function(){ $(".div1").css({ height:$(window).height() }); $(window).resize(function(){ $(".div1").stop(true,false).animate({ ...

HTML5实现网页图片鼠标悬停黑白变换效果

使用HTML5画布,图像可以被巧妙的转换为灰色,而不必使用图像编辑软件。下面的示例将展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。 贡献者:感谢达西·克拉克 贡献jQuery和Javascript代码。 效果演示:http://webdesignerwall.com/demo/html5-grayscale/ 目的 这个示例的目的是向你展示如何使用HTML5和jQuery创建一个灰度/彩色图像的鼠标悬浮效果。在HTML5出现前,实现这个效果需要两幅图像,彩色的和灰度的版本。现在HTML5让创建这个效果更加容易和高效,因为灰...