jQuery实现的多滑动门,多选项卡效果代码_jquery
程序员文章站
2022-03-17 15:34:15
...
本文实例讲述了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的内容
上一篇: 针式打印机怎么安装使用?
下一篇: 爱普生1390打印机怎么手动更换搓纸轮?
推荐阅读
-
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码_php技巧
-
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码_jquery
-
jQuery-Easyui 1.2 实现多层菜单效果的代码_jquery
-
jQuery实现有动画淡出效果的二级折叠菜单代码_jquery
-
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
-
基于jquery实现的上传图片及图片大小验证、图片预览效果代码_jquery
-
基于jQuery的为attr添加id title等效果的实现代码_jquery
-
js与jQuery实现的兼容多浏览器Ajax请求实例
-
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
-
jquery单行文字向上滚动效果的实现代码