zoukankan      html  css  js  c++  java
  • 结合bootstrap在页面上比较实用的插件

    以前写页面,在进行本页面跳转的时候,非常生硬,需要使用 javascript 对页面非常费时费力的更改展示效果。

    下面,我给大家推荐两款比较好用的插件,恩,是非常好用的插件,对于页面动态效果的实现非常好。

    1.  singlePageNav   (引用 jquery.singlePageNav.min.js)

         大家可以下载试试,它是对于点击导航进行缓冲效果的插件,不会特别生硬的跳转,结合bootstrap 的 "navbar" 标签,很实用,不用再进行javascript  写展示效果的代码了

     代码也很简单

        

      /*导航跳转效果插件*/
    /*选取导航的class,初始化一下就行*/ $('.nav').singlePageNav({ offset:70 });

      2.  animate.css (引用 animate.css 和  wow.min.js )

          此插件已经在GitHub上了,地址是  https://daneden.github.io/animate.css/ 

          大家可以打开页面,去点击自己想要的的效果

          初始化代码:    

    
    
         <script>
              new WOW().init();
         </script>
     

         

      其中,有比较重要的四个参数:

        data-wow-duration = "2s" 动画持续时间

                     data-wow-delay = "5s" 动画延迟时间

                     data-wow-offset = "10" 偏移量 距离可视区多远开始执行动画

                     data-wow-iteration = "10" 重复次数

          效果大家可以去我给的网址试一下,选择自己喜欢的效果进行添加

          

          



    每个年龄,鞭策自己尽力前行的理由都不一样,大家且行且珍惜
  • 相关阅读:
    团队-科学计算器-成员简介及分工
    提交错误
    《结对-结对编项目作业名称-需求分析》
    对软件工程课程的期望
    自我介绍
    课堂作业0
    selenium+Java刷新浏览器
    不要焦虑~~
    JAVA代码实现得到指定文件夹下的文件名
    安全检测检查清单(IOS版APP)
  • 原文地址:https://www.cnblogs.com/miss-saber/p/9491765.html
Copyright © 2011-2022 走看看