标签:
转自:http://www.oschina.net/code/snippet_590876_14396
html代码
<!--getmy轮播-->
<div class=‘contentone‘>
<div class=‘checkone‘>
<a><img src=‘http://images.mangocity.com/upload/6998122/201172320545.jpg‘/></a>
<a class=‘sitehide‘><img src=‘http://www.worldshow.cn/article/UploadPic/2008-7/200879153333156.jpg‘/></a>
<a class=‘sitehide‘><img src=‘http://www.ego-photo.com/bbs/attachment/Mon_1107/28_8904_66a3b12f7b96272.jpg‘/></a>
</div>
<div class="items">
<a class="selds"></a>
<a></a>
<a></a>
<a></a>
</div>
</div>
<!--end-->
css样式
<style type="text/css">
/*getmylunb*/
.contentone{
position:relative;
width:1200px;
height:69px;
margin:100px auto;
}
.checkone a img{
height:75px;width:1200px;
}
.sitehide{
display:none;
}
/*end*/
</style>
jquery代码
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<SCRIPT> var s = 0; $(document).ready(function(){ //显示区域的内容长度 counts = $(‘.checkone a‘).length; $(‘.items a‘).click(function(){ var _index=$(this).index();//分屏的数字索引 $(".checkone >a").eq(_index).fadeIn(0).siblings().fadeOut(0); }); //执行定义好的时间 t = setInterval(‘showPic()‘,2000); }); function showPic(){ s = s>=(counts-1)?0:++s; $(".items a").eq(s).trigger(‘click‘); } </SCRIPT>

标签:
原文地址:http://www.cnblogs.com/lccjob/p/Jquery.html