欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

jQuery css 里的function 详解

这是官方描述:

参数name,回调函数 描述:

逐渐增加div的大小

jQuery 代码:
 $("div").click(function() { $(this).css({ width: function(index, value) { return parseFloat(value) * 1.2; }, height: function(index, value) { return parseFloat(value) * 1.2; } }); });

 

我这里主要讲一下这个index

代码:

 

$(“.testadd”).css({
width: function(inx, valu) {//传入位置inx,和当前值valu
//alert(valu);
return parseFloat(valu) * 1.5;
},
height: function(index, value) {
return parseFloat(value) * 1.2;
},
background: function(i,v){//i就是index,这里可以看到inxdex的应用~
if(i==1)
return “#000″;
if(i==0)
return “#f00″;
}
});

配合html:

<div class=”testadd” style=”border:1px solid #f00; width:50px; height:30px;”>
</div>
<div class=”testadd” style=”border:1px solid #f00; width:50px; height:30px;”>
</div>

 

ok 自己理解,理解不了留言。

最后看结果图:

No related content found.

更多

本文固定链接: http://shanmao.me/web/jquery/jquery-css-li-de-function-xiang-jie | 山猫的博客

该日志由 admin 于2012年08月09日发表在 jQuery 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jQuery css 里的function 详解 | 山猫的博客
关键字: