经常见到某个网站的动画是在屏幕显示到This元素的时候，会有个过渡动画。主要区别于在普通页面是在页面加载完成后所有动画一起动，或者设置延迟时间。而这两个插件混搭使用可以是页面现在到该元素时才加载动画。拥有非常不错的效果。算个比较常见的交互效果，研究了一下午，主要使用以下两个插件完成。1.wow.js...
分类：
Web程序 时间：
2015-06-07 23:16:48
阅读次数：
140
这几天一直在跟touch事件打交道，各种摸索，结合css3做了一例类似弹簧式的滑动效果。手指滑动时，通过touches数组的target捕捉元素，同时当前元素前面元素进行缩放，该元素及index大于该元素的元素进行translate，这样会有一种重叠的效果，当手指释放时，通过animate使整体滑动...
分类：
移动开发 时间：
2015-06-06 19:39:52
阅读次数：
174
《CSS动画简介》作者：阮国峰?? http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 用到的工具： http://jsfiddle.net/ruanyf/XfG4Y/1/light/ 《css3动画简介以及动画库animate.css的...
分类：
Web程序 时间：
2015-06-06 13:39:42
阅读次数：
127
/*===手势=====一、 1、UISwipeGestureRecognizer 实例化一个手势 initWithTarget 2、set手势滑向方向 3、self.view 添加这个手势实例 4、添加事件二、 轻点击 UITapGestureRecognizer .numberOfTouches...
分类：
移动开发 时间：
2015-06-05 10:00:41
阅读次数：
136
鼠标点击滚动锚点//滚动锚点$('.menus-c ul li a').click(function(){ //alert(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset()....
分类：
其他好文 时间：
2015-06-04 19:18:07
阅读次数：
141
回到顶部 回到底部
回到顶部的俩种方式
一、使用js
$('html, body').animate({ scrollTop: 0 }, 'fast');//带动画
$('html,body').scrollTop(0); //不带动画
$(window).scroll(function () {
//You'v...
分类：
Web程序 时间：
2015-06-03 17:46:01
阅读次数：
566
jQuery animate() 方法允许您创建自定义的动画。jQuery 动画实例jQueryjQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必...
分类：
Web程序 时间：
2015-06-02 15:09:24
阅读次数：
168
地址为：http://daneden.github.io/animate.css/源码地址为:https://github.com/daneden/animate.css简单的使用方法：Animate.cssJust-add-water CSS animationanimate.cssis a bu...
分类：
Web程序 时间：
2015-05-31 12:14:55
阅读次数：
1198
一 使用Animate.css动画// 通过@import引入外部CSS资源;// 引入线上图片及JS文件;// 通过更改CSS类名生成不同类型的CSS3动画; 1 2 3 4 5 6 25 26 27 28 ...
分类：
Web程序 时间：
2015-05-29 21:39:06
阅读次数：
142
