鼠标移上移出图片透明度变化

最新推荐文章于 2024-05-15 02:20:54 发布

置顶 zn19901023aa

最新推荐文章于 2024-05-15 02:20:54 发布

阅读量854

点赞数

分类专栏： web前端文章标签： web前端 javascript 前端正则正则表达式

本文链接：https://blog.csdn.net/zn19901023aa/article/details/37567333

版权

web前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<html>
<head>
   <title></title>
   <script src="js/jquery-1.4.js"></script>
   <script>
   $(function(){
       $(".more a").fadeTo(500,0.5);
       $(".more a").mouseover(function(){
           $(this).fadeTo(500,1);

       });
       $(".more a").mouseout(function(){
           $(this).fadeTo(500,0.5);

       });

   })
   </script>

</head>
<body style="text-align:center;margin:0 auto;">

   <div class="more">
   <a href="#"><img src="images/img1.jpg" title="titleImg1" alt="altImg1"/></a>
   <a href="#"><img src="images/img2.jpg" title="titleImg1" alt="altImg1"/></a>
   <a href="#"><img src="images/img3.jpg" title="titleImg1" alt="altImg1"/></a>
   <a href="#"><img src="images/img4.jpg" title="titleImg1" alt="altImg1"/></a>
   <div>
   <p></p>
</body>
</html>

zn19901023aa

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标移上移出图片透明度变化

$(function(){ $(".more a").fadeTo(500,0.5); $(".more a").mouseover(function(){ $(this).fadeTo(500,1); }); $(".more a").mouseout(function(){
复制链接

扫一扫