HTML5网页设计

图片效果

jquery控制图片最大显示宽度

时间:2014-11-28 10:43来源:未知作者:admin点击:
首先导入jQuery库文件,然后执行以下文件。

首先导入jQuery库文件,然后执行以下文件。  

$(window).load(function(){
   var maxwidth=650;    
     $(".post img").each(function(){          
         if ($(this).width() > maxwidth){
           autoheight=$(this).height()*(maxwidth/$(this).width());
           $(this).width(maxwidth);
           $(this).height(autoheight);
         }         
     });
});

上一篇:上一篇:鼠标滑过图片由暗变亮 上一篇:下一篇:jQuery实现自动缩放图片
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐