jquery图片轮换-创新互联
创新互联专业成都做网站、成都网站设计、成都外贸网站建设，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文推广等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。>
body{text-algin:center;margin:0px;font-size:12px; font-family:Arial, Helvetica, sans-serif;padding:36px 0px 0px 0px; color:#6b6b6b;}
ul,li,ol,h1,h2,h3,h4{margin:0px; padding:0px;color:#804f21;}
ul,li,ol{list-style:none;}
p{margin:0px; padding:0px;color:#6b6b6b;word-break: break-all; }
img{border:0px;}
a{color:#804f21;text-decoration:none;}
a:hover{color:#804f21;text-decoration:underline;border:none;*vertical-align:baseline;}
#slidecont{width:635px;z-index:0;float:left;margin-left:5px;display:inline;height:342px;position:relative;}
#slideimg{width:635px;margin:0px auto;height:342px;overflow:hidden;z-index:-1;}
#slidebtn{bottom: 6px;height: 23px;padding: 0 8px 0 10px;position: absolute;right: 0;z-index:2;}
#slidebtn a{float:left;background-color: #FFFFFF;display: block;height: 24px;line-height: 24px;margin-left: 5px;text-align: center;width: 25px;opacity:0.4;filter:alpha(opacity=50); text-decoration:none;}
#slidebtn a.activeSlide{ width: 25px;height: 24px;display:block;opacity:1;filter:alpha(opacity=100);}
.hotpic{ width:635px; height:342px; position:relative; overflow:hidden; padding:0px;margin:0px 0px 0px 4px;}
.num{ position:absolute;right:6px; top:310px; z-index:10;}
.num a{ width:20px; height:20px; line-height:20px;display:inline-block; text-align:center; margin:0px 4px 0px 0px; cursor:pointer; text-decoration:none; color:#977037; font-weight:bold; border:1px solid #fff; background:#fcf9f4;font-size:14px;}
.num a.cur{ background:#977037;color:#fff;}
$(function () {
var sw= 0;
$(".hotpic .num a").mouseover(function () {
sw= $(".num a").index(this);
myShow(sw);
});
function myShow(i) {
$(".hotpic .num a").eq(i).addClass("cur").siblings("a").removeClass("cur");
$(".hotpic ul li").eq(i).stop(true,true).fadeIn(600).siblings("li").fadeOut(600);
}
$(".hotpic").hover(function () {
if (myTime) {
clearInterval(myTime);
}
},function () {
myTime= setInterval(function () {
myShow(sw)
sw++;
if (sw== 8) { sw= 0; }
},3000);
});
var myTime= setInterval(function () {
myShow(sw)
sw++;
if (sw== 8) { sw= 0; }
},3000);
})
1 2 3 4 5 6 7