技术文章
js 实现图片指向时变透明、JS控制图片最大宽度
发布日期:2014-07-20 阅读次数:3198 字体大小:

js 实现图片指向时变透明、JS控制图片最大宽度

  1. 新建 JS.JS文档,将以下代码粘贴并保存。
  2. 新建 index.html 文件,引用JS文档如:<script type="text/javascript" src="http://www.yisky.net/js/common.js"></script>
  3. 在引用图片时使用如下代码_信息来源 亳州网络公司 易天科技
  4.  
  5. JavaScript代码
    1. $(function () {  
    2.       
    3.   
    4. //案例变透明  
    5. $(".pro_img img,.pro_img2 img,.temp_img img").hover(function(){  
    6. $(this).fadeTo("fast",0.8)  
    7. },function(){  
    8. $(this).fadeTo("fast",1)    
    9. });  
    10. //end  
    11.   
    12. //内容图片最大宽度  
    13. $(".productImg img").each( function() {  
    14. var maxwidth = 990;  
    15. if ($(this).width() > maxwidth) {  
    16. $(this).width(maxwidth);  
    17. }  
    18. });   
    19. //end  
    20.   
    21.   
    22. });  
    XML/HTML代码
    1. <div class="pro_img2">  
    2.   <a href='此处填入链接地址' target='_blank'>  
    3.      <img src='http://www.ywttx.com/uploads/image/20131011/20131011105344374437.jpg'>  
    4.   </a>  
    5. </div>