Mr.J-- jQuery学习笔记(十七)--动画淡入淡出&&弹窗广告

最新推荐文章于 2019-10-27 16:18:42 发布

End_less__

最新推荐文章于 2019-10-27 16:18:42 发布

阅读量284

点赞数

分类专栏： jQuery学习

本文链接：https://blog.csdn.net/Ms_yjk/article/details/92976286

版权

本文详细介绍了jQuery中FadeIn(), FadeOut(), FadeToggle()和FadeTo()四种动画方法，用于实现元素的淡入淡出效果。同时，结合实际案例探讨了如何运用这些方法创建弹窗广告，强调了在不同状态下的效果和注意事项，并提供了一个简单的JS演示。" 136050327,7337247,构建可伸缩的数据架构：DHT与一致性哈希,"['架构设计', '大数据', '分布式系统', 'Python', 'Java']

摘要由CSDN通过智能技术生成

之前写过动画的隐藏与显示：Mr.J-- jQuery学习笔记(十四)--动画显示隐藏

动画隐藏与显示的一个小demo--对联广告：Mr.J-- jQuery学习笔记(十五)--实现页面的对联广告

展开和收起动画&&折叠菜单的实现:Mr.J-- jQuery学习笔记(十六)--展开和收起动画&&折叠菜单的实现

动画的淡入淡出

下面实例要用的页面元素：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        div{
            width: 300px;
            height: 300px;
            background: red;
            display: none;
        }
    </style>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
<button>淡入</button>
<button>淡出</button>
<button>切换</button>
<button>淡入到</button>
<div></div>
</body>
</html>