<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wb="http://open.weibo.com/wb"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>爱慕官网全屏轮播</title>
<style type="text/css">
/*全屏轮播*/
.nContanier{clear:both;width:100%;position:relative; z-index:1; background-color:#f6f6f6;}
.skSlider{width:100%;height:485px;position:relative;}
.mtsBanner{width:auto;height:485px;background:#f6f6f6;overflow:hidden}
.mtsBanner .bannerWrap{position:relative;width:auto;height:485px;overflow:hidden;box-shadow:inset 0px -2px 5px #dedede;}
.mtsBanner .bannerWrap li{background-position:center top;background-repeat:no-repeat;}
.slide_control{position:absolute;z-index:20;left:10px;bottom:15px;}
.mtsBanner .slide_control{position:absolute;z-index:20;bottom:10px;left:50%;margin-left:-230px;*padding:2px 0;}
.mtsBanner .bannerWrap li a{width:100%;height:425px;display:block;}
.mtsBanner .mall_dot,.mtsBanner .mall_dot_hover{width:10px;height:10px;line-height:15px;text-decoration:none;float:inherit;display:inline-block;}
.mtsBanner .mall_dot{background:url(icon_index.png) no-repeat -85px -18px;position:relative; color:#FFF}
.mtsBanner .mall_dot_hover{background:url(icon_index.png) no-repeat -58px -18px;}
.mtsBanner .mall_dot,.mtsBanner .mall_dot_hover{width:20px;height:20px;line-height:20px;text-decoration:none;float:inherit;display:inline-block;}
.mall_dot,.mall_dot_hover{float:left;margin:0 5px;width:14px;overflow:hidden;height:14px;line-height:100px;text-align:center;font-weight:800;font-size:12px;color:white;cursor:pointer;font-family:Tahoma;text-decoration:none;background:#9d9fa2;border-radius:50%}
.slidearrow{position:absolute;cursor:pointer;width:29px;height:50px;opacity:.3;top:50%;margin-top:-18px;background:#000;display:block; background:url(icon_index.png);line-height:36px}
.slidearrow:hover{opacity:0.7;cursor:pointer}
.slidearrow_l{left:0px; background-position:-141px 0px;}
.slidearrow_r{right:0px;background-position:-170px 0px;}
</style>
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="skIndex.js"></script>
</head>
<body>
<div class="nContanier">
<div class="skSlider">
<div class="mtsBanner" id="mtsBanner" style="position: relative; z-index: 0; overflow: hidden; height: 485px;">
<ul class="bannerWrap" style="position: relative; z-index: 0; margin: 0px; padding: 0px; overflow: hidden; width: 100%;">
<li style="background-image: url(16131.jpeg); background-color: rgb(214, 255, 247);">
<a href="" target="_blank" title=""></a>
</li>
<li style="background-image: url(16135.jpeg); background-color: rgb(214, 255, 247);">
<a href="" target="_blank" title=""></a>
</li>
<li style="background-image: url(16109.jpeg); background-color: rgb(234, 241, 251);">
<a href="" target="_blank" title=""></a>
</li>
<li style="background-image: url(16075.jpeg); background-color: rgb(96, 158, 157);">
<a href="" target="_blank" title=""></a>
</li>
<li style="background-image: url(15905.jpeg); background-color: rgb(214, 255, 247);">
<a href="" target="_blank" title=""></a>
</li>
<script>
//首页轮播
HtmlSlidePlayer({ autosize: 0, fontsize: 12, time: 4000 });
</script>
</ul>
</div>
</div>
</div>
<!--诈骗通栏-->
</body></html>
爱慕官网全屏轮播_jquery特效实例
4星 · 超过85%的资源 需积分: 10 66 浏览量
2014-08-28
16:09:09
上传
评论
收藏 681KB ZIP 举报 
_jquery特效实例.zip （9个子文件） 
爱慕官网全屏轮播_jquery特效实例 
16075.jpeg 100KB skIndex.js 5KB 15905.jpeg 177KB
javascript实现轮播.html 3KB
icon_index.png 6KB 16135.jpeg 116KB 16109.jpeg 98KB 16131.jpeg 167KB jquery-1.8.1.min.js 91KB资源评论
Varcp2015-08-17很不错啊，比较实用，稍微修改下就用上去了
