这是官方描述:
参数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 自己理解,理解不了留言。
最后看结果图: