jQuery+fullPage.js演示10种全屏滚动
来源:互联网 发布:java配置文件 编辑:程序博客网 时间:2024/06/03 21:28
实例代码下载
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="utf-8">
- <title>fullPage.js — 基本演示_手册网</title>
- <link rel="stylesheet" href="/api/jq/5733e33232116/css/jquery.fullPage.css">
- <style>
- .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
- </style>
- <script src="/api/jq/5733e33232116/js/jquery-1.8.3.min.js"></script>
- <script src="/api/jq/5733e33232116/js/jquery.fullPage.min.js"></script>
- <script>
- $(function(){
- $('#sucaihuo').fullpage({
- sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90']
- });
- });
- </script>
- </head>
- <body>
- <div id="sucaihuo">
- <div class="section">
- <h3>第一屏</h3>
- <p>fullPage.js — 基本演示</p>
- </div>
- <div class="section">
- <div class="slide"><h3>第二屏的第一屏</h3></div>
- <div class="slide"><h3>第二屏的第二屏</h3></div>
- <div class="slide"><h3>第二屏的第三屏</h3></div>
- </div> 下载
- <div class="section">
- <h3>第三屏</h3>
- </div>
- <div class="section">
- <h3>第四屏</h3>
- <p>这是最后一屏</p>
- </div>
- </div>
- <a href="#" style="display: none;">sucaihuo</a>
- <a href="#" style="display: none;">jQuery全屏滚动插件fullPage.js</a>
- </body>
- </html>
0 0
- jQuery+fullPage.js演示10种全屏滚动
- jQuery全屏滚动插件fullPage.js演示
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件FullPage.js
- jQuery全屏滚动插件fullPage.js
- fullPage.js-jQuery全屏滚动插件(1)
- jQuery全屏滚动插件fullPage.js
- jQuery全屏滚动插件fullPage.js
- C语言详解 - 枚举类型-enum
- 多个权限
- 谈谈JAVA关键字—strictfp
- ionic系列:$state.go()传递对象参数
- UNIX环境高级编程学习之路(五)----进程环境
- jQuery+fullPage.js演示10种全屏滚动
- ehcache与redis使用场景
- CSS中各种各样居中方法的总结
- 论文插入公式行距变化排版问题
- 并查集
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- LCS,LIS等模板
- Vue过渡的应用及技巧
- log4j 配置文件 保存日志文件路径 按文件大小保存 和安时间日期保存 的配置