欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery实现的多滑动门,多选项卡效果代码_jquery

程序员文章站 2022-03-17 15:34:15
...
本文实例讲述了jQuery实现的多滑动门,多选项卡效果。分享给大家供大家参考,具体如下:

运行效果截图如下:

jQuery实现的多滑动门,多选项卡效果代码_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的内容