Jq图片渐隐

主要知识点：animate的运用，hover的两个处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>豪情</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <style>
            *{margin:0;padding:0;font-size:12px;}
            body{background:#000;}
            img{cursor:pointer;}
        </style>
        <script>
        $(function(){
            $('img').each(function(){
                $(this).css('opacity', '0.6');
            }).hover(function(){
                $(this).animate({opacity:1});
            }, function(){
                $(this).animate({opacity:0.6});
            });
        });
        </script>
    </head>
    <body>
        <img src="http://www.google.com/intl/en_com/images/srpr/logo1w.png" alt="" /><br />
        <img src="http://www.google.com/chrome/intl/zh-CN/images/dlpage_alt.jpg" alt="" /><br />
        <img src="http://hiphotos.baidu.com/baidu/pic/item/d27d51afd32062c0fbed508d.jpg" alt="" />
    </body>
</html>

相关阅读:
非root用户在linux下安装多个版本的CUDA和cuDNN（cuda 8、cuda 10.1 等）
python相关总结
可视化滤波器
Ubuntu 和windows程序区别
远程服务器运行代码相关
Ubuntu
jmeter学习（1）基础支持+安装部署
python中eval方法的使用
mysql学习（4）python操作数据库
mysql学习（3）10045错误，连接不上数据库

原文地址：https://www.cnblogs.com/jikey/p/1744987.html