一个代码示例: html部分: <link rel='stylesheet prefetch' href='//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css'><link href="//maxcdn.bootstr ...
分类:
Web程序 时间:
2016-05-19 15:00:05
阅读次数:
1408
一、Velocity.js介绍 Velocity是一个jQuery插件,重新实现了$.animate() 来产生更高的性能(速度也比CSS动画库更快),而包括新的功能,以提高动画工作流程。 Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了颜色切换、转换 ...
分类:
Web程序 时间:
2016-05-15 13:49:09
阅读次数:
343
jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用。特别animate动画,ajax,以及timeout等需要一定时间的函数。 在调用quene之前如果有调用动画函数,将已经从产生了默认的队列fx,quene的操作是在这个的基础上的。 queue ...
分类:
Web程序 时间:
2016-05-14 21:34:32
阅读次数:
317
参考http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 用法 实例 刚开始使用这个属性是因为工作的需要,制作H5动画页面,通过查具体用法也可以制作出各种小动画,比如 ...
分类:
Web程序 时间:
2016-05-14 18:33:45
阅读次数:
515
官网 WOW.js依赖animate.css, 所以它支持animate.css多达60多种动画效果。 浏览器兼容:IE9以及以前的版本不适用 使用方法: 1、引入文件 <link rel="stylesheet" href="css/animate.min.css" /> <script type ...
分类:
Web程序 时间:
2016-05-13 13:11:53
阅读次数:
308
swiper.js中文网:http://www.swiper.com.cn/ 文档结构 swiper.jquery.js 是需要引用jquery.js 或者 zepto.js 时,只需直接引用该文件即可,减少加载。 swiper.animate.js 使用animate.js的动画效果,使用方法:h ...
分类:
移动开发 时间:
2016-05-13 09:14:51
阅读次数:
241
animate.css是一堆很酷的,有趣的,跨浏览器的动画效果库,你可以随意在你的项目中使用。用在你想要突出的任何地方,如主页,滑块,这像喝水一样容易,迷死人了。
用法
在您的网站上使用animate.css,只要简单地把样式表插入到文档中的中,并为需要动画的元素添加一个CSS类名即可,以及动画的名称。就是这样!你就有了一个CSS动画效果。超强!
<link rel="styl...
分类:
Web程序 时间:
2016-05-12 19:23:38
阅读次数:
394
html:
<link rel="stylesheet"...
分类:
移动开发 时间:
2016-05-12 14:40:01
阅读次数:
1287
01传递参数,显示或者隐藏弹出框 /*start 显示和隐藏遮罩*/ function controlShade(date){ if(date == 's'){ $(".mask").show(); $(".maskbox").stop().animate({"margin-top":10+"px" ...
分类:
Web程序 时间:
2016-05-10 12:52:56
阅读次数:
203
今天和大家分享一下用 animate 实现滑动切换效果的小例子 来自<一只有梦想的前端小白> 大家都知道jQuery 提供的有一下几种方法能够实现滑动效果: 但是以上的滑动不太方便控制其滑动的方向,所以我们还是自己动手写一个吧。。。 其代码如下: 以上代码即可以实现一个完整的滑动效果。但是有一点需要 ...
分类:
其他好文 时间:
2016-05-05 12:32:58
阅读次数:
1093