js事件点击按钮显示div 三秒后自动消失 - 个人笔记

首页 > 博客列表 > js事件点击按钮显示div 三秒后自动消失

博主信息

博文 47

粉丝 1

访问量 66266

专题推荐

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

js事件点击按钮显示div 三秒后自动消失

晴天

原创

3732人浏览过

用js改变div2的css 实现窗口的隐藏显示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>div的显示隐藏</title>
    </head>
    <style type="text/css">
        .div1{
            width:100px;height:100px;background:red;
        }
        .div2{
            width:100px;height:100px;background:green;display:none
        }
    </style>
    <body>
        <div class="div1" onclick="changeCss()">点击显示div2</div>
        <div class="div2" id="div2">我是div2 且3秒后消失</div>
        <script type="text/javascript">
        function changeCss(){
            //获取div2
            var div2 = decument getElementById('div2')
            //div2 显示
            div2.style.display = "block";
            //三秒后隐藏
            setTime(function(){
                div2.style.display = "none";
            },3000);
        }
        </script>
    </body>
</html>

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

js事件点击按钮显示div 三秒后自动消失

2020-03-30 11:30:28