jQuery全屏滚动翻页switchPage.js

 时间:2024-10-16 08:43:20

1、新建html文档。

jQuery全屏滚动翻页switchPage.js

3、书写hmtl代码。<div id="container"> <div class="section active" id="section0"> <div class="intro"> <h1 class="title">switchPage.js-简单的jQuery全屏滚动翻页插件</h1> </div> </div> <div class="section" id="section1"> <div class="intro"> <h1 class="title">Section Two</h1> <p>This is Section Two</p> <img src="images/example.png"/> </div> </div> <div class="section" id="section2"> <div class="intro"> <h1 class="title">Section Three</h1> <p>This is Section Three</p> <img src="images/example2.png"/> </div> </div></div>

jQuery全屏滚动翻页switchPage.js

5、书写并添加js代码。<script src="js/jquery-2.1.1.min.js" ></script><script src="js/switchPage.js"></script><script > $(function(){ $("#container").switchPage({ 'loop' : true, 'keyboard' : true, 'direction' : 'horizontal' }); });</script>

jQuery全屏滚动翻页switchPage.js

7、查看效果。

jQuery全屏滚动翻页switchPage.js
  • dmp文件怎么打开?
  • PS制作win8 logo图形
  • 如何安装APlayer播放引擎组件?
  • windows系统c盘满了怎么办
  • Windows11重置电脑
  • 热门搜索
    痤疮是怎么引起的 王子用英语怎么说 网页不显示图片怎么办 笔记本怎么加内存条 交行刷卡金怎么用 欧莱雅洗面奶怎么样 脚扭伤肿了怎么办 临沂大学怎么样 我的世界怎么做梯子 生脉饮怎么样