jQuery实现图片变亮或变暗

 

                                         一个jQuery特效例子

 

1、建立html或其它;

 

2、页面引用

<script src="http://code.jquery.com/jquery-latest.js"></script>

 

3、页面主体代码

 <body>
    <div id="contaiter">
     <img src="1.jpg" alt="image" />
     <img src="2.jpg" alt="image" />
     <img src="1.jpg" alt="image" />
    </div>
  </body>

 

4、jQ代码

<script type="text/javascript">
  $(function(){
      $('#contaiter img').animate({
         "opacity":.5
      });
      $('#contaiter img').hover(
      function(){$(this).stop().animate({"opacity":1});},
      function(){$(this).stop().animate({"opacity":.5});
      });

  });
 </script>

 

 

5、效果图(说明 当鼠标移动到图片上,图片就会变亮;鼠标离开后,就会变暗)



 

 

6、附件为完整的例子内容;可以下载直接使用;

 

7、如有疑问,可以互相讨论;

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值