jQuery滚动触发动画

所属分类:UI-滚动

 34908  388  查看评论 (15)
分享到微信朋友圈
X
jQuery滚动触发动画 ie兼容10

使用方法

引进css:

<link rel="stylesheet" href="css/animate.min.css" />

在尾部引进:

<scripttype="text/javascript" src="js/jquery-1.10.2.min.js" ></script>

调用方式为:

ani("one","bounceInLeft","bounceInRight");
  • one:class名;

  • bounceInLeft:左面图片出现时的动画;

  • bounceInRight:右面图片出现时的动画;

相关插件-滚动

js交集监测插件scrollama.js

Scrollama是一个轻量级JavaScript库, 用于检测页面滚动时监听元素是否重叠。
  滚动
 26105  326

向下滚动加载动画特效插件AOS

向下滚动网页加载动画特效插件AOS
  滚动
 37419  435

JQuery滚动条插件jscroll.js

JQuery滚动条插件jscroll.js,支持火狐谷歌IE等主流浏览器,超轻量兼容好
  滚动
 42426  322

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 51135  427

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    梦『相随』° 0
    2018/3/16 9:09:29

    用js插件么吗?

    ani("one","bounceInLeft","bounceInRight");

    ani()是什么方法

    回复
    -.- 这叫单眼皮 0
    2017/12/13 10:43:03

    请问一种特效再加几张图片的话需要修改哪呢

        ming 0
        2017/12/19 17:54:38

        修改好了吗?刚看见 。可以加我QQ:290429126

    回复
    92式弹头儿 0
    2017/9/26 15:32:34

    兄弟JS起到了关键作用啊,6666

    回复
    裴洛 0
    2017/9/12 14:53:55
    按太快...重覆办言..不好意思 回复
    裴洛 0
    2017/9/12 14:53:13

    感迂好?害!只要自己也做一?小整整,褚上可以用在?的html?秽上,钊?用!正好在研究??效果,非常著著分享。

    回复
    qweggt 0
    2017/8/10 9:01:25
    八月不到底 0
    2017/7/14 18:24:08

    有没有具体的教程?

        ming 0
        2017/7/19 9:56:19
        你哪里不懂吗?我可以给你解释一下
    回复
    在水一方 0
    2017/6/24 16:23:27
    非常好的,谢谢
        ming 0
        2017/6/26 10:06:15
        谢谢认可
    回复
    Selevlle 0
    2017/6/24 13:18:08

    很好很好  跪谢跪谢

        ming 0
        2017/6/26 10:29:03
        谢谢认可
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复