jQuery实现的多滑动门，多选项卡效果代码_jquery
程序员文章站
2022-04-17 13:44:04
...
本文实例讲述了jQuery实现的多滑动门，多选项卡效果。分享给大家供大家参考，具体如下：
";
$("body").append(divbox);
$(".vright").click(function(e){
if(!$(".u .scrol").is(":animated")){
if(page == maxpage ){
$(".u .scrol").stop();
$("#div1").css({
"top": (e.pageY + 20) +"px",
"left": (e.pageX + 20) +"px",
"opacity": "0.9"
}).stop(true,false).fadeIn(800).fadeOut(800);
}else{
$(".u .scrol").animate({left : "-=" + scrollWidth +"px"},2000);
page++;
}
}
});
$(".vleft").click(function(){
if(!$(".u .scrol").is(":animated")){
if(page == 1){
$(".u .scrol").stop();
}else{
$(".u .scrol").animate({left : "+=" + scrollWidth +"px"},2000);
page--;
}
}
});
});
运行效果截图如下：
具体代码如下：
超多滑动门效果
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
>>
1的内容
2的内容
3的内容
4的内容
5的内容
6的内容
7的内容
8的内容
9的内容
10的内容
10的内容
12的内容
13的内容
14的内容
15的内容
16的内容
17的内容
18的内容
19的内容
20的内容
21的内容
22的内容
23的内容
24的内容