Question

一个JS特效如何在同一个页面里多处使用？

$(function(){

$(".Div1_main div span").mouseover(function(){

$(this).addClass("Div1_main_span1").siblings("span").removeClass("Div1_main_span1");

}).mouseout(function(){

$(this).removeClass("Div1_main_span1").siblings("span");

})

var

index = 0 ;

Swidth = 1000 ;

timer = null ;

len = $(".Div1_title span a").length ;

function NextPage()

{

if(index>2)

{

index = 0 ;

}

$(".Div1_title span a").removeClass("Div1_title_a1").eq(index).addClass("Div1_title_a1");

$(".Div1_main").stop(true, false).animate({left: -index*Swidth+"px"},600)

}

function PrevPage()

{

if(index<0)

{

index = 2 ;

}

$(".Div1_title span a").removeClass("Div1_title_a1").eq(index).addClass("Div1_title_a1");

$(".Div1_main").stop(true, false).animate({left: -index*Swidth+"px"},600)

}

$(".Div1_title span a").each(function(a){

$(this).mouseover(function(){

index = a ;

NextPage();

});

});

//下一页

$(".Div1_next img").click(function(){

index++ ;

NextPage();

});

//上一页

$(".Div1_prev img").click(function(){

index-- ;

PrevPage();

});

//自动滚动

var timer = setInterval(function(){

index++ ;

NextPage();

},4000);

$(".Div1_next img , .Div1_main , .Div1_prev img , .Div1_title span").mouseover(function(){

clearInterval(timer);

});

$(".Div1_next img , .Div1_main , .Div1_prev img , .Div1_title span").mouseleave(function(){

timer = setInterval(function(){

index++ ;

NextPage();

},4000);

});

})

这个是一个图片特效，我想在一个页面里用两次。但是手柄会会同时控制两个一起动了。我该如何修改了？

Answer 1

我相信你可以解决的

仔细检查一遍

我看着没有错啊

Answer 2

放到不同的html层里面，并修改名称