网络编程 
首页 > 网络编程 > 浏览文章

jQuery plugin animsition使用小结

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )

用法整理

下载地址:https://github.com/blivesta/animsition

文档地址:http://git.blivesta.com/animsition/

实现的效果是,各种不同效果的转场效果

jQuery plugin animsition使用小结

<div class="animsition">
  <div class="item bg-indigo">
   <h1>Animsition: Sandbox</h1>
  </div>
  <h2>Defaults</h2>
  <ol>
   <li><a class="animsition-link" data-animsition-out-class="rotate-out"
 data-animsition-out-duration="500" href="page1.html" rel="external nofollow" >Basic</a></li>
   <li><a class="animsition-link" data-animsition-out-class="rotate-out"
 data-animsition-out-duration="500" href="page2.html" rel="external nofollow" >Options</a></li>
  </ol>
 </div>

<script src="/UploadFiles/2021-04-02/jquery-3.2.1.min.js">

  注意!!!css文件的.animistion类的opacity设置了为0;需要改过来,要不然页面元素看不到!!!

总结

以上所述是小编给大家介绍的jQuery plugin animsition使用小结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

上一篇:浅谈AngularJS中使用$resource(已更新)
下一篇:nodejs socket服务端和客户端简单通信功能