右下角广告窗体代码,JS代码库,德仔网

代码语言

代码分类

【JS】右下角广告窗体

作者:dezai / 发布于2014/8/26/ 500


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	 <title></title>
	 <style type="text/css">
	 body{margin:0px;font-size:12px;}
	 #message
	 {
	 width:100px;
	 height:100px;
	 position:fixed;
	 background-color:gold;
	 right:0px;
	 bottom:0px;
	 display:none;
	 }
	 </style>
	 <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
	 <script type="text/javascript">
	 $(function () {
	 //注意slideDown是展开,slideUp是收起
	 $("#message").slideDown(2000, function () {
	 //$(this).slideUp(5000); //花5秒钟收起
	 setTimeout("$('#message').slideUp(5000);",2000) //用定时器等待两秒钟后收起,注意这里不能用$(this)，必须用ID取了
	 });
	 });
	 </script>
	</head>
	<body>
	 <div id="message">
	 我是广告，不好意思!!
	 </div>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　右下角　　广告窗体　

同语言下

可能有用的

dezai贡献的其它代码(1065)