插件描述：jquery单页面全屏移动插件
特点
创建完全容器的宽度和窗口的高度
动态位置：每个容器可以有垂直和水平位置设置
在URL历史散列
容器之间滚动动画
配置简单，使用方便
支持IE8+
Html
1 2 3 4 | <div id="container"> <div id="stage1"> //这个页面的内容1 </DIV> <div id="stage2"> //这个页面的内容2 </DIV></div> |
阶段的id是怎么链接
1 | <a href="#stage2">转到了stage2 </a> |
风格
不显示滚动条
1 | body { overflow-x: hidden; overflow-y: hidden; } |
如果您需要垂直滚动
1 | stage1 { overflow-y: auto; } |
JAVASCRIPT
把jQuery的,ScrollTo插件和Jquery.fullContent加入到您的页面中
1 2 3 | <script src="js/jquery-1.x.x.min.js" type="text/javascript"></script> <script src="js/jquery.jquery.scrollTo.js" type="text/javascript"></script> <script src="js/jquery.jquery.fullContent.js" type="text/javascript"></script> |
而且，您可以配置此参数：
1 2 3 4 5 6 7 | $('#container').fullContent({ stages: 'div', mapPosition: [{v: 1, h: 1}, {v: 1, h: 2}, {v: 2, h: 1}, {v: 2, h: 2}], stageStart: 1, speedTransition: 800, idComplement: 'page_' }); |
定位地图
此参数可以设定哪个要你的舞台的位置。五 - 垂直位置H - 水平位置。例如
V1H1 | V1H2
V2H1 | v2h2
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： CSS3和jQuery tabs选项卡
- 下一个特效： jQuery固定框架