用jquery实现自动适配网页所有图片的大小

我希望达到这样的效果:网页有一些图片,如果图片宽度过大,动态的调整图片的宽度。这里我写出jquery的实现:

 

$("img").each(function(i){
        
var toWidth = 750;
        
if($(this).attr("width"* 1 > toWidth)
        {
            $(
this).width(toWidth);
        }
        
});

 

$("img") 会自动匹配网页中所有标签为img的对象

$("img").each  会迭代所有匹配到的img对象

$(this) 是指迭代到的对象

$(this).attr("width") 是指获取对象的属性width

$(this).width(toWidth) 是指指定对象的css属性width

posted @ 2009-06-10 21:22  魔豆  阅读(1168)  评论(0编辑  收藏  举报