jquery 网页图片自动缩放js适应页面大小

2013年08月06日 04:10 by:老修

有了jquery插件,图片自适用大小灰常方便,首先是引入jquery代码:

  1. <script type="text/javascript" src="/js/jquery.js"></script>

百度一下很多自适用代码但是多有兼容有问题,针对这个问题老修做了测试,几行代码就实现了图片自适用大小,已测试兼容各个浏览器。

  1. $(document).ready(function(){

  2. $("#divid img").load(function(){
  3. $(this).each(function(){
  4. if($(this).width()>600){
  5. $(this).css({"width":"100%"});
  6. }
  7. });
  8. });
  9. });

主要修改2个参数,#divid 和 图像的宽度。

最后编辑时间:0000-00-00 00:00:00
标签:jquery 自适用