js点击弹出提示层2秒钟之后自动消失

Posted 2023-04-16

参考技术A

这样：

 <script>

        jQuery(document).ready(function($)

            $('.theme-login').click(function()

                $('.theme-popover-mask').fadeIn(100);

                $('.theme-popover').slideDown(200);

                setTimeout(function()

                    console.log('22222222222');                            

                    $('.theme-popover-mask').fadeOut(100);

                    $('.theme-popover').slideUp(200);            

                , 1000);               

            )

            $('.theme-poptit .close').click(function()

                $('.theme-popover-mask').fadeOut(100);

                $('.theme-popover').slideUp(200);

            )

        )

    </script>

扩展资料：

利用setTimeout()，setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

语法：

setTimeout（code,millisec）

提示和注释：

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

鼠标经过弹出div

我想实现这样的效果，鼠标滑过，弹出一个div，能够点击里面的链接，鼠标移开后，div消失。

参考技术A 有两个方法，一个是js的，优点能兼容所有浏览器还能控制弹出时间和方式，缺点是代码较多，需要懂一点js知识；还有个方法是css，设置隐藏层，当鼠标移到对应的区域，显示隐藏层，优点是代码少容易理解和应用，缺点是ie6不支持。如：
<style>
.aawidth:100px;height:30px;position:relative
.aa .bbwidth:100px;height:60px;position:absolute;display:none;border:1px solid #ddd;top:30px;left:0

.aa:hover .bbdisplay:block
</style>

<div class="aa">移到我上面看看
<div class="bb">显示结果</div>
</div>本回答被提问者和网友采纳