jQuery总结(十二)--点击后3秒消失
2018-06-20 本文已影响28人
风的低语
delay 为延迟时间
fadeOut 使用淡出效果来隐藏被选元素
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
body {
overflow: hidden;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ (':button').click (function ()
{
$ ('div').show ().delay (3000).fadeOut ();
});
});
</script>
</head>
<body>
<button>alert</button>
<div
style="display: none; width: 1265px; height: 784px; position: absolute; top: 0px; left: 0px; background-color: rgb(45, 45, 45); z-index: 5000; opacity: 0.2; background-position: initial initial; background-repeat: initial initial;"></div>
</body>
</html>
