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