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

最新推荐文章于 2020-12-31 13:04:06 发布

天生犯二

最新推荐文章于 2020-12-31 13:04:06 发布

阅读量296

点赞数

本文链接：https://blog.csdn.net/qq_40040163/article/details/78207460

版权

<!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

收藏

觉得还不错? 一键收藏
0
评论
jpuery操作图片的淡入淡出效果

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(
复制链接

扫一扫