gpt4 book ai didi

javascript - 如何轻松关闭弹窗?

转载 作者:行者123 更新时间:2023-12-03 02:00:29 27 4
gpt4 key购买 nike

我仍在学习 JavaScript,并且正在给自己做一些练习。我创建了一个像 div 这样的小弹出窗口(因为不确定如何创建实际的弹出窗口)并且它工作得很好。但是,我不知道如何通过过渡缓慢关闭 div,但它会立即关闭。

The code is located below: 

https://jsfiddle.net/wabb5x8e/2/

最佳答案

这是来自 w3schools 的代码,但这正是您想要的。 W3schools 对于初学者来说是一个很棒的网站,所以请查看 javascript 和 jquery 教程

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000);
});
});
</script>
</head>
<body>

<button>Hide</button>

<p>This is a paragraph with little content.</p>
<p>This is another small paragraph.</p>

</body>
</html>

关于javascript - 如何轻松关闭弹窗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50058230/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com