JQuery高级案例

深耕Java

于 2021-03-28 22:25:56 发布

阅读量105

点赞数

分类专栏： JavaEE Java理论笔记文章标签： jquery

本文链接：https://blog.csdn.net/qq_44905731/article/details/115288035

版权

案例需求1：

    1.当页面加载完，3秒后，自动显示广告
    2.广告显示5秒后，自动消失

    分析：
        1.使用定时器完成一次
        2.JQuery显示和隐藏动画效果就是控制display属性
        3.使用动画显示和隐藏完成

广告显示与隐藏案例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>广告的自动显示与隐藏</title>
    <style>
        #content{width:100%;height:500px;background:#999}
    </style>

    <!--引入jquery-->
    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script>
        // 页面加载完成之后，定义定时器，调用这两个方法
        $(function() {
            // 定义一次性定时器，调用adShow方法，3秒后执行一次
            setTimeout(adShow, 3000);
            // 定义一个定时器，调用adHide方法,8秒后执行
            setTimeout(adHide, 8000);
        });
        function adShow() {
            // 获取广告div调用显示动画方法
            $("#ad").show("slow

最低0.47元/天解锁文章

深耕Java

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JQuery高级案例

案例需求1： 1.当页面加载完，3秒后，自动显示广告 2.广告显示5秒后，自动消失分析： 1.使用定时器完成一次 2.JQuery显示和隐藏动画效果就是控制display属性 3.使用动画显示和隐藏完成广告显示与隐藏案例：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>广告的自动显
复制链接

扫一扫