<div id="wpBanner">
<ul>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
</ul>
</div>
/*首页小焦点图*/
var wpWidth=$('#wpBanner').width();
var wpLen=$('#wpBanner li').length; var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpWidth").append(btn); //创建小按钮
var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpBanner").append(btn); $("#wpBanner .btn span").mouseleave(function() {
index = $("#wpBanner .btn span").index(this);
showPics(index);
}).eq(0).trigger("mouseleave"); autoPlay(); function autoPlay(){
clearInterval(timer);
var timer=setInterval(function(){
showPics(index);
},3000);
}
function showPics(index){
var nowLeft = -index*wpWidth;
$("#wpBanner ul").stop(true,false).animate({"left":nowLeft},300);
$("#wpBanner .btn span").removeClass("cur").eq(index).addClass("cur");
} /*首页小焦点图 end*/
<ul>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
<li>
<a><img src="images/pic/pic211-282.jpg" /></a>
</li>
</ul>
</div>
/*首页小焦点图*/
var wpWidth=$('#wpBanner').width();
var wpLen=$('#wpBanner li').length; var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpWidth").append(btn); //创建小按钮
var btn = "<div class='btn'>";
for(var i=0; i < wpLen; i++) {
btn += "<span></span>";
}
btn += "</div>";
$("#wpBanner").append(btn); $("#wpBanner .btn span").mouseleave(function() {
index = $("#wpBanner .btn span").index(this);
showPics(index);
}).eq(0).trigger("mouseleave"); autoPlay(); function autoPlay(){
clearInterval(timer);
var timer=setInterval(function(){
showPics(index);
},3000);
}
function showPics(index){
var nowLeft = -index*wpWidth;
$("#wpBanner ul").stop(true,false).animate({"left":nowLeft},300);
$("#wpBanner .btn span").removeClass("cur").eq(index).addClass("cur");
} /*首页小焦点图 end*/
clearInterval(timer);timer有问题你的timer是局部变量,此时销毁后还没有创建吧。用chrome调试一次看看吧。
index = $("#wpBanner .btn span").index(this);
showPics(index);
}).eq(0).trigger("mouseleave");用live试试