首页

关于

开发小技巧:jQuery来循环控制一系列的元素对象的行为

开发小技巧:jQuery来循环控制一系列的元素对象的行为

在线演示

在jQuery开发中,我们往往需要循环的控制一些元素的行为,比如,动画,或者隐藏/显示,通常我们可以使用jQuery的delay()方法或者Javascript的setTimeout方式来处理。

相关文章可以阅读: 如何使用jQuery让一组HTML对象一个一个淡出?

在这篇小技巧中,我们使用arguments.callee这个javascript的属性来完成类似上面的效果,代码如下:

    var item = $('#nav li'),count =0;
    (function() {
    $(item[count++]).animate({top: 40*count, opacity:0.8}, 500, arguments.callee);
    })();

首先定义需要添加效果的元素系列,然后使用匿名方法来定义动画效果,并且使用argument.callee来回调函数方法。

HTML代码

    <ul id="nav">

标签: jquery, 开发小技巧, jquery技巧

阅读更多

分享10个实用的jQuery/CSS代码书写技巧,窍门和点子

日期:2011/12/20  来源:GBin1.com

在这篇文章中,我们将分享一些实用的CSS/jQuery代码编写小窍门,小技巧和小花招。包括视觉特效,布局和web表单设计等。希望大家会喜欢!

相关文章:

1. 完美的全页面背景图片

这个技巧允许一个图片填满整个页面,没有任何的空域。图片会根据实际需要缩放并且改变自身尺寸,不产生任何的滚动条

分享10个实用的jQuery/CSS代码书写技巧,窍门和点子

2. 非常棒的CSS位置技巧

这里我们将有一个基本的无序list(ul),这个list包含有文字并不排列在其下方的左浮动图片。当然这个技巧也可以在加载其它实例时使用。

分享10个实用的jQuery/CSS代码书写技巧,窍门和点子

3. 如何使用CSS来生成超大背景

这个教程使用各种CSS例子来演示如果使用单张或者多张推片来创建一个巨大的背景图片

分享10个实用的jQuery/CSS代码书写技巧,窍门和点子

4. 四个生成等高列的方法

这个文章讨论了几种能够兼容各种浏览器的创建等高列的实现方法(包括IE6)。所有的方法都教你如何生成一个3列的布局。

分享10个实用的jQuery/CSS代码书写技巧,窍门和点子

标签: HTML, CSS, Javascript, JQuery, Web设计, jquery技巧, css技巧, 设计技巧

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.