Velocity.js动画插件

最新推荐文章于 2025-06-04 18:19:51 发布

测试猫

最新推荐文章于 2025-06-04 18:19:51 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： jquery Web前端插件动画 Velocity.js

本文链接：https://blog.youkuaiyun.com/u014725878/article/details/52940509

Velocity.js是一款兼容IE8和Android2.3的前端动画插件，其官方网站提供丰富的预设动画效果和自定义动画选项。通过简单的API，开发者可以轻松创建有序动画序列，实现各种复杂的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

插件官网：点击打开链接http://julian.com/research/velocity/

Velocity兼容IE8和Android2.3

HTML

<body>
		<div class="box1"></div>
		<div class="box2"></div>
		<div class="box3"></div>
</body>

CSS

.box1{
	width: 100px;
	height: 100px;
	background-color: pink;
}
.box2{
	width: 100px;
	height: 100px;
	background-color: blueviolet;
}
.box3{
	width: 100px;
	height: 100px;
	background-color: royalblue;
}

JavaScript(引入两个插件velocity.min.js和velocity.ui.min.js，配合jquery.js插件使用)

<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/velocity.min.js" type="text/javascript" charset="utf-8"></script>
<s