多页面过渡插件Barba.js

 查看演示  website  立即下载

注：此插件需要在服务端运行，本地预览会有跨域问题！

使用方法

您的页面中包含脚本：

<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（）;

PREVIOUS:
NEXT:
jQuery消息提醒插件jquery.my-message(原创)
js省市县三级联动