【JS特效】全屏滚动

实例需要添加3个文件

1、jquery-1.11.0.min.js（jquery文件库）jquery-1.11.0.min.js

2、ctripScreenCroll.js（全屏滚动JS）ctripScreenCroll1.js

3、ctripScreenCrollcss.css（全屏滚动样式）ctripScreenCrollcss.css

4、DOM结构 Test.html

调用规则

1、jQuery(".tripcroll_wrap").tripScreenCroll();

2、说明：html的DOM结构

1、根节点：class为tripcroll_wrap的div

2、每屏滚动的节点：tripcroll_wrap > tripcroll_page  ，class为tripcroll_page的div

3、menu菜单：与tripcroll_wrap同级，class为tripcroll_menu的ul

4、menu菜单选项：tripcroll_menu(ul) > li ， ul下的li标签

目前组件实现

1、全屏滚动

2、随屏幕大小切换，全屏自适应

3、menu点击菜单

4、滚动速度可控制，与滚动速度可根据切换页面多少进行速度自调整

5、可设置每次滚动切换几屏

6、增加每屏的进入和离开回调函数设置