六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

jquery鼠标经过图片变暗变灰

Admin | 2016-8-13 5:49:16 | ReadNums | 1348 | 标签 网页制作 | 打印本页
     

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

  一、页面中的图片

  <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>

  四、效果如下

  原来图片是这样的:


  鼠标经过时,图片变成



问题未解决:在线咨询我要在线咨询问题

万众心打生肖

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日