首页 > JS专栏 > JS打造浏览器右下角可关闭图片滚动广告
2015
07-28

JS打造浏览器右下角可关闭图片滚动广告

HTML代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS右下角悬浮可最小化和关闭的广告</title><base target="_blank" />
<link href="style/ad.css" rel="stylesheet" type="text/css" />
<style>a{color:blue;}.hvtcenter{width:760px;margin:0px auto;}</style>
<script src="style/ad.js"></script>
<script src="style/yu.js" type="text/javascript"></script>
<script src="style/tb.js" type="text/javascript"></script>
</head>
<body>

<div class="float_layer_hovertree" id="hovertree_float_layer" style="z-index:10001;"><h2><b>优惠活动</b>
<a id="btn_min" href="javascript:;" class="min" target="_self"></a> <a id="btn_close" href="javascript:;" class="close" target="_self"></a>
</h2>
	<div class="content">
		<div class="wrap">
		   <div id="MainPromotionBanner">
				<div id="SlidePlayer">
					<ul class="Slides">
						<li class="no-type"><a target="_blank" href="#"><img src="images/ju_tao.jpg"></a></li>
						<li class="no-type"><a target="_blank" href="#"><img src="images/tuoba_tao.jpg"></a></li>
						<li class="no-type"><a target="_blank" href="#"><img src="images/qunzi_tao.jpg"></a></li>
					</ul>
				</div>
				<script type="text/javascript">
					TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});
				</script>
			</div>
		</div>
	</div>
</div>

</body>
</html>

demo下载地址:JS右下角广告