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>
  • 相关阅读:
    Nosql介绍
    linux系统安装mysql
    linux下装tomcat教程
    linux系统下安装jdk教程
    XML解析
    XML 可扩展标记语言
    Oracle——子查询
    数据库——Oracle(增删改查,单行函数,多行函数,多表查询)
    Ubuntu16.04Scrapy爬虫定时任务
    大数据——zookeeper分布式集群管理工具的学习与使用
  • 原文地址:https://www.cnblogs.com/fanxianhua/p/1822444.html
Copyright © 2011-2022 走看看