仿TAOBAO首页图片轮显代码

最新推荐文章于 2024-06-18 11:56:32 发布

weixin_30341745

最新推荐文章于 2024-06-18 11:56:32 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fanjiming/archive/2011/11/13/2247277.html

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
div#MainPromotionBanner{
width:360px;
height:190px;
background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
position:relative;
margin: 0 auto;
}
#MainPromotionBanner .Slides{
padding: 0;
margin: 0;
list-style: none;
height: 190px;
overflow: hidden;
}
#MainPromotionBanner .Slides li {
float: left;
width: 360px;
height: 190px;
}

#MainPromotionBanner .Slides img{
border:0;
display: block;
width: 360px;
height: 190px;
}

#MainPromotionBanner .SlideTriggers{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 165px;
right: 0px;
z-index: 10;
height: 25px;
}
#MainPromotionBanner .SlideTriggers li{
float: left;
display: inline;
color: #74a8ed;
text-align: center;
line-height:16px;
width: 16px;
height: 16px;
font-family: Arial;
font-size: .9em;
cursor: pointer;
overflow: hidden;
margin:3px 6px;
background: url(icon/images200712203/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{
color:#fff;
background: url(icon/images200712203/slide_trigger_c.gif) no-repeat center center;
border:0;
font-weight:bold;
font-size: 1.4em;
line-height: 21px;
height: 21px;
width: 21px;
margin:0 6px;
}
-->
</style>
</head>

<body>
<script src="icon/yu200712201.js" type="text/javascript"></script>
<script src="icon/yu200712202.js" type="text/javascript"></script>
<div align="center">
<div id="MainPromotionBanner">
<div id="SlidePlayer">
<ul class="Slides">
<li><a target="_blank" href="http://www.18115.com/"><img src="icon/images200712203/01.jpg"></a></li>
<li><a target="_blank" href="http://www.pc555.com/"><img src="icon/images200712203/02.jpg"></a></li>
<li><a target="_blank" href="http://www.cnwenger.com/"><img src="icon/images200712203/03.jpg"></a></li>
<li><a target="_blank" href="http://www.2vjia.com/"><img src="icon/images200712203/04.jpg"></a></li>
<li><a target="_blank" href="http://www.cnosa.com/"><img src="icon/images200712203/05.jpg"></a></li>
</ul>
</div>
<script type="text/javascript">TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});</script>
</div>
<br>
<a href="http://www.qpsh.com/" target="_blank">网页特效网提供</a>
</body>
</html>
本代码由<a href=http://www.qpsh.com>网页特效网</a>提供