超链接,图片等颜色渐变(通过hover进行控制)

最新推荐文章于 2023-11-23 14:10:47 发布

linwei_1029

最新推荐文章于 2023-11-23 14:10:47 发布

阅读量5.3k

点赞数

分类专栏： JQuery|ZTree|JBox 文章标签： function scroll callback css div

本文链接：https://blog.csdn.net/linwei_1029/article/details/5323219

版权

JQuery|ZTree|JBox 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

超链接的颜色渐变(以下有三种方式)

2.图片的颜色渐变

<body style="background:#000;">
<img src="http://www.cssrain.cn/skins/tim/logo-jq.gif" />             <br/><br/>
<img src="http://www.cssrain.cn/demo/JQuery+API/logo-json.gif" />    <br/><br/>
     <img src="http://www.baidu.com/img/logo.gif" />                   <br/><br/>
     <img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" />     <br/>


        <script>
        $('img').each(function(){$(this).css("opacity",".6")})
        .hover(function(){$(this).animate({
         opacity:"1"
         })
         },function(){
         $(this).animate({
          opacity:".6"
         })

       });

</script>

</body>

说明：

css(name, value) ：$(this).css("opacity",".6") 在所有匹配的元素中，设置一个样式属性的值。

animated : $(this).animate({opacity:"1"}) 用于创建自定义动画的函数.

3.循环显示文字或者图片

<mce:script type = "text/javascript"></mce:script> </head> <body οnlοad=""> <div id="scroll-container" style="height: 18px;width:200px; background-color: #99CCFF; overflow: hidden;"> <li>1111111111111111111</li> <li>2222222222222222222</li> <li>333333333333333333333</li> <li>44444444444444 </li> <li>55555555555555555555555</li> </div> </body>