zoukankan      html  css  js  c++  java
  • jquery鼠标滑过图片渐变效果

    代码
    <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")});
                                    $(
    'img').mouseover(function()
                                    {
                                        $(
    this).animate({
                                        opacity:
    "1"
                                        })
                                    }).mouseout(
    function()
                                    {
                                        $(
    this).animate({
                                            opacity:
    ".6"
                                        })
                                    });
                                    
    </script>

    </body>
  • 相关阅读:
    Python 命令详解
    redhat 6 / centos 6 搭建Django环境
    Linux rsync 命令详解
    Python 文件处理
    [网络流24题]最长不下降子序列问题
    [网络流24题]圆桌问题
    BZOJ 4675(点分治)
    LOJ 2183 / SDOI2015 序列统计 (DP+矩阵快速幂)
    BZOJ 3931 (网络流+最短路)
    [网络流24题]魔术球问题
  • 原文地址:https://www.cnblogs.com/fanxianhua/p/1822444.html
Copyright © 2011-2022 走看看