WOW.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
WOW.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
WOW.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
WOW.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
WOW.js 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2014-02-11

软件简介

WOW.js 实现了在网页滚动时的动画效果。需要 Animate.css 项目的支持。

在线演示:

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2018/04/19 15:01

动画插件wow.js的使用方法

1,下载文件 animate.css 下载地址: http://daneden.github.io/animate.css/ wow.min.js 下载地址: http://www.downyi.com/downinfo/37040.html#address 2,引入文件 <link rel="stylesheet" href="css/animate.css"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> 3,观察你需要的效果...

0
0
发表了博客
2019/09/02 01:14

css3特效插件wow.js

在使用css3写特效的时候,会遇到比较麻烦的就是css3代码需要大量的调试,但是现在有了wow.js,让写特效变得简单了很多。 wow.js官网 https://www.delac.io/wow/index.html 使用教程: 第一步:wow.js依赖于animate.css,首先需要在 head内引入animate.css或者animate.min.css。 <link rel="stylesheet" href="css/anima...

0
0
发表了博客
2019/07/29 20:25

vue中wowjs的使用

笔者亲测,在vue中使用wow.js如果不按照以下方法实施,会出现意想不到的BUG,网页刷新后图片就全部突然看不到了,被增加了一个隐藏属性,建议大家严格按照方法执行,不要随意使用 (1)通过npm安装: npm install wowjs --save-dev animate.css会自动安装。 (2)在main.js中引入animate.css import 'animate.css' 在组件...

0
0
发表了博客
2018/12/17 10:10

vue中wowjs的使用

(1)通过npm安装: npm install wowjs --save-dev animate.css会自动安装。 (2)在main.js中引入animate.css import 'animate.css' 在组件需要的地方引入wowjs 有两种使用方式: 1. import {WOW} from 'wowjs' mounted() { new WOW().init() } 2.import WOW from 'wowjs' mounted() { new WOW.WOW().init() } 下面给出...

0
0
发表了博客
2018/08/07 10:26

在网页中添加动画,使用WOW.js来实现

【来源】 页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意   刚知道wow.js这个插件,之前写的类似滚动时页面效果都是自己用jQuery写的,现在有了插件,开发更加快捷有效了 【演示及下载地址】http://www.dowebok.com/131.html 【案例解析】下篇文章我将通过具体案例解析wow...

0
0
发表了博客
2018/06/29 10:54

WOW.js 的使用方法

WOW.js 是一个非常轻量级的动画效果插件,使用它可以组合多种炫酷的效果。 使用WOW.js可以实现我们在网站上常看到的,页面滚动到指定区域时就显示动画的效果。 1、要使用WOW.js必须引入:WOW.js 、animate.css,文件请自行百度下载。 1 <link rel="stylesheet" href="css/animate.min.css"> 2 <script src="js/wow.min....

0
0
发表了博客
2019/08/19 11:19

vue项目中引入animate.css和wow.js

本文转自:https://blog.csdn.net/liyunkun888/article/details/85003152 https://www.zhuimengzhu.com/content/article/id/87.html 一、场景 在很多的网站中,我们发现在滚动条滑动的时候一些元素显示出来的时候是有一些动画效果的,这样看起来页面更具有活力,增加用户体验。当然这些动画我们可以通过判断滚动条的位置...

0
0
发表了博客
2019/09/02 15:58

WOW.js——在页面滚动时展现动感的元素动画效果

插件描述:WOW.js 是一款可以实现滚动页面时触发CSS 动画效果的插件,动态效果可以使网站显示更有动感。 当页面在向下滚动的时候,使用WOW.js可以让页面元素产生细小的动画效果,从而引起浏览者注意力。 WOW官网:https://www.delac.io/wow/docs.html 使用教程 1.WOW.js 依赖 animate.css。 可以通过更改设置链接到另一个...

0
0
2018/02/19 08:15

开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐!

Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际,该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。 JavaScript 本地存储库 localForage localForage 是一个 JavaScript 库,提升了应用程序的离线体验,通过使用异步的数据存储,提供简单的类似 localStorage...

10
370
2020/01/28 15:14

年度最佳 JavaScript 和 CSS 开源库推荐!

Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际,该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。 JavaScript 本地存储库 localForage localForage ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/11/28 11:55

wow.js的相关问题

滚动一次一个屏幕的情况下,第二屏设置的wow动画,默认是hidden是怎么回事?"zoom: 1; visibility: hidden; animation-duration: 2s; animation-delay: 1s; animation-name: none;

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
12 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部