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" 重复次数

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

          

          



    每个年龄,鞭策自己尽力前行的理由都不一样,大家且行且珍惜
  • 相关阅读:
    关于easyUI tree的节点属性和自定义属性
    $.messager.prompt
    SQL SERVER 查询被锁的表、解锁表
    C# 连接Oracle 11g 无需安装Oracle客户端
    Oracle 常用语句备份
    Oracle中sys和system用户的区别
    Oracle 数据库创建、表空间创建、用户创建 步骤
    Oracle 创建数据库卡死在85%
    yield return 的使用方法
    Oracle SQL Developer 查询时间格式
  • 原文地址:https://www.cnblogs.com/miss-saber/p/9491765.html
Copyright © 2011-2022 走看看