永发信息网

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

答案:2  悬赏:40  手机版
解决时间 2021-03-21 06:14
  • 提问者网友:活着好累
  • 2021-03-21 00:10
$(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);

});

})

这个是一个图片特效,我想在一个页面里用两次。但是手柄会会同时控制两个一起动了。我该如何修改了?
最佳答案
  • 五星知识达人网友:你可爱的野爹
  • 2021-03-21 01:30
我相信你可以解决的

仔细检查一遍

我看着没有错啊
全部回答
  • 1楼网友:低血压的长颈鹿
  • 2021-03-21 02:17
最好把代码放上来 ------------------ &lt;script language=javascript&gt; createlayer();window.onload=startscroll; &lt;/script&gt; 改成 &lt;script language=javascript&gt;function ss(){createlayer();startscroll; }&lt;/script&gt; window.onload=function(){ 下面加一行 ss(); 因没有整个页面代码没做测试,不过应该没有问题
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯