jQuery练习t253，从0到1-白红宇的个人博客

jQuery练习t253，从0到1

发布日期：2021-05-06 21:14:29 浏览次数：28 分类：原创文章

本文共 939 字，大约阅读时间需要 3 分钟。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../js/jquery-3.5.1.js"></script>    <script>        //淡入与淡出        //.fadein 和 .fadeout        $(function () {           $("#btn_fadeout").click(function () {               $("img").fadeOut();           });           $("#btn_fadein").click(function () {               $("img").fadeIn();           });        });        /*        在jQuery中，如果要实现元素的淡入与淡出的渐变效果，        有3种方式，        .fadeIn() 和 .fadeOut()        .fadeToggle()        .fadeTo()        淡入fadein与淡出fadeout，和显示show与隐藏hide，两者是有区别的        .show与.hide，通过改变height，width，opacity，display来实现        元素的显示和隐藏效果。        .fadeIn与.fadeOut，通过改变opacity,display来实现元素的淡入与        淡出效果。         */    </script></head><body>    <input type="button" id="btn_fadeout" value="淡出">    <input type="button" id="btn_fadein" value="淡入"><br>    <img src="img/jquery.png" alt="jquery.png"></body></html>

上一篇：jQuery练习t254，从0到1

下一篇：jQuery练习t252，从0到1

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章