怎么实现在页面动态弹出一个DIV提示层然后动态消失（带效果图）

lanzhengwu 2011-01-06 09:55:02

怎么实现这种效果如下图：动态弹出一个DIV层然后动态消失。

http://hi.csdn.net/attachment/201101/6/27480_1294321951CtCB.jpg

...全文

326 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>