$(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);
});
})
这个是一个图片特效,我想在一个页面里用两次。但是手柄会会同时控制两个一起动了。我该如何修改了?
一个JS特效如何在同一个页面里多处使用?
答案:2 悬赏:40 手机版
解决时间 2021-03-21 06:14
- 提问者网友:活着好累
- 2021-03-21 00:10
最佳答案
- 五星知识达人网友:你可爱的野爹
- 2021-03-21 01:30
我相信你可以解决的
仔细检查一遍
我看着没有错啊
仔细检查一遍
我看着没有错啊
全部回答
- 1楼网友:低血压的长颈鹿
- 2021-03-21 02:17
最好把代码放上来
------------------
<script language=javascript> createlayer();window.onload=startscroll; </script>
改成
<script language=javascript>function ss(){createlayer();startscroll; }</script>
window.onload=function(){
下面加一行
ss();
因没有整个页面代码没做测试,不过应该没有问题
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯