web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
滚动
页面滚动时动态为元素添加class的jQuery插件
分类:
滚动
日期:
2024-05-14
点击(1)
评论(0)
演 示
免费下载
简介
在页面中引入jQuery和jquery.scrollAnimations.js文件。 ```html ``` ##### HTML结构 例如要制作一个单元素的动画,可以使用下面的HTML结构。 ```html
Heading 1
``` 如果要制作一组元素的动画,可以使用下面的HTML结构。 ```html
[Something to animate in]
[Something else to animate in]
``` ##### 初始化插件 在页面DOM元素加载完毕之后,通过下面的方法来初始化该jquery插件。 ```html var $containers = $('[data-animation]:not([data-animation-child]), [data-animation-container]'); $containers.scrollAnimations(); ``` ##### 配置参数 offset:元素距离视口多少时,开始执行动画。浮点数,默认值为0.8,表示距离浏览器窗口顶部80%。 例如: ```html $('[data-animation]').scrollAnimations({ offset: 0.5 }); ```
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告