nav滑动插件和animate.css插件的使用

1 nav滑动插件  jquery.singlePageNav.min.js

  ① 先引入jquery, 在引入jquery.singlePageNav.min.js

  ②   使用方法如下:给导航增加 singlePageNav()方法,里面可以设置偏移量,因为nav本身有高,会遮住一部分

  $(function () {
        /*导航跳转效果插件*/
        $('.nav').singlePageNav({
            offset:70
        });
        /*小屏幕导航点击关闭菜单*/
        $('.navbar-collapse a').click(function(){
            $('.navbar-collapse').collapse('hide');
        });
    })

2 animate.css插件的使用

① 需要引入 wow.min.js 和 animate.css

② 

   $(function () {
        new WOW().init();
    })

③  在需要设置动画的层加上 wow 和 animate 类名

④  动画持续时间:data-wow-duration="1s"                    动画延迟执行时间:data-wow-delay="1s"

      偏移量:data-wow-offset="100"            data-wow-iteration:动画执行次数

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值