jpuery操作图片的淡入淡出效果

来源：互联网发布：软件项目管理工具编辑：程序博客网时间：2024/05/16 15:20

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script type="text/javascript" src="jquery.1.12.4.js"></script>    <script type="text/javascript">        /**$(document).ready(function(){           * $("button:eq(0)").click(function(){           *     $("img").fadeOut("fast",function(){alert("执行完毕");});           * });           *           *$("button:eq(1)").click(function () {           *   $("img").fadeIn(1000);           *});//两种方式都可以，第一种有提示框，导入包和图片，请别忘记        *});**/        $(document).ready(function () {            $("#a").click(function () {                $("img").fadeOut(1000);            })            $("#b").click(function () {                $("img").fadeIn(1000);            })        })    </script></head><body><button id="a">淡出</button><br/><button id="b">淡入</button><br/><img src="tu.png"></body></html>

阅读全文

0 0