87,987
社区成员
发帖
与我相关
我的任务
分享怎么实现 在页面动态弹出一个DIV提示层然后动态消失（带效果图）
...全文
请发表友善的回复…
发表回复
Quinn2 2011-01-07
- 打赏
- 举报
jquery动画实现起来很简单的，楼主还是去了解一下。$("div").fadeOut(3000);//3秒钟，自动消失
lexloo_x 2011-01-06
- 打赏
- 举报
先熟悉 js动画吧
Mr-Jee 2011-01-06
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function show(){
var test = document.getElementById("test");
test.style.display = "block";
setTimeout(function(){
test.style.display = "none";
},3000);
}
</script>
<style type="text/css">
#test {
width:200px;
height:60px;
background:#ccc;
display:none;
position:absolute;
left:40%;
top:40%;
}
</style>
</head>
<body>
<div id="test">三秒钟后我将消失</div>
<input type="button" onclick="show()" value="hit me" />
</body>
</html>
