多页面过渡插件Barba.js

所属分类:其他,媒体-独立的部件,滑块和旋转

 4476  37  查看评论 (1)
多页面过渡插件Barba.js ie兼容9

注意:本地预览请用火狐浏览器,Chorme本地预览有跨域问题

使用方法

您的页面中包含脚本:

<script src =“barba.min.js”type =“text / javascript”> </ script>

或者你可以使用cdnjs:

<script src =“https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js”type =“text / javascript”> </ script>

barba.js需要了解一下你的DOM结构。默认情况下,您的页面中使用此标记结构:

<div id="barba-wrapper">
  <div class="barba-container">
    ...Put here the content you wish to change between pages...
  </div>
</div>

请注意,所有选择器(#barba-wrapper,.barba-container)都可以轻松编辑,请参阅API部分。

在你的项目中添加了barba.js之后,是时候初始化它了

//请注意,DOM应该准备好了
Barba.Pjax.start();
相关插件-独立的部件,滑块和旋转

轻量级浏览器检测插件Feature.js

轻量级浏览器检测插件Feature.js,1kb大小的轻量级浏览器检测插件
  独立的部件
 7437  46

jQuery仿PhotoShop界面屏幕标尺插件

方便网页上在线测量图片的距离
  独立的部件
 3952  6

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 14535  52

jQuery网站引导插件joyride

jQuery网站引导插件joyride
  独立的部件
 9085  46

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    MmAQ 0
    2017/6/22 16:15:57
取消回复