晓夏

小皇

教育信息化方案砖家

DIV浮在顶部中间,jquery控制DIV的下拉显示后3-5秒上拉隐藏消失

浏览量:4082

<div class="error"><span>这里是错误信息</span></div>

.error {width:80%; margin-left:10%; border-radius:0 0 5px 5px; position:absolute; top:0px; height:40px; line-height:40px; text-align:center; background-color:#CC0000; display:none;}
body { position: relative;}
<script type="text/javascript">
$(function(){
	$("body").click(function(){    //点击body区域后触发下拉显示框
		$(".error").slideDown();    //下拉
		setTimeout(function(){    //设置指定时间后的动作
			$(".error").slideUp();    //上拉
		},4000);    //时间
	});
})
</script>


神回复

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。