Dzwebs.Net

撰写电脑技术杂文十余年

jquery鼠标经过图片变暗变灰

Admin | 2016-8-13 5:49:16 | 被阅次数 | 4796

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  当鼠标经过图片时,如何让图片变成灰的?可以使用下面的代码。

  一、页面中的图片

  <img src="Logo.gif" width="236" height="60" />

  二、在页面中引入jquery文件

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

  三、JS代码如下

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

  });

  </script>

  四、效果如下

  原来图片是这样的:


  鼠标经过时,图片变成



该杂文来自: 网页制作杂文

上一篇:canvas实现在线手写绘制画图

下一篇:里面的DIV如何跑到外面的DIV之外

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计