在以前很长一段时间里,网页上的各种特效还需要采用 flash 在进行。但最近几年里,我们已经很少看到这种情况了,绝大部分已经使用 JavaScript 动画效果来取代 flash。这里说的取代是网页特效部分,而不是动画。网页特效比如:渐变菜单、渐进显示、图片轮播等;而动画比如:故事情节广告、MV 等...
分类:
Web程序 时间:
2015-08-09 16:56:58
阅读次数:
129
HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画,也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用windo...
分类:
Web程序 时间:
2015-07-24 22:32:42
阅读次数:
120
基本动画show() //直接显示元素,没有动画show(speed, [callback]) //有动画,有回调函数hide() //直接隐藏元素,没有动画hide(speed, [callback]) //有动画,有回调函数toggle() //切换可见状态toggle(speed, [call...
分类:
Web程序 时间:
2015-07-18 22:37:52
阅读次数:
161
1,停止动画和判断是否处于动画状态
(1)停止元素的动画。
很多时候需要用stop()方法来停止当前正在执行的动画。stop()方法的语法如下:stop([clearQueue],[gotoEnd]);参数clearQueue和gotoEnd都是可选的参数,为Boolean值(true或false),clearQueue代表是否要清空未执行完的动画队列,gotoEnd 代表是否将正在执行的动画跳...
分类:
Web程序 时间:
2015-06-19 18:45:41
阅读次数:
183
1,show()方法和hide()方法
(1),show()方法和hide()方法的基本操作
使用如下代码隐藏element元素$("element").hide();这段代码与css()方法设置display属性效果相同$("element").css("display","none");当把元素隐藏后,可以使用show()方法将元素的display样式设置为“block”,“inline”...
分类:
Web程序 时间:
2015-06-19 15:19:29
阅读次数:
161
一,show和hide动画案例:点击收缩和展开(类似于QQ面板的效果) 二,fadeIn和fadeOut动画(它只是一种颜色的渐变,透明到不透明的渐变)案例:同上 三,slideUp和slideDown动画(类似于卷帘门的效果)案例:同上四,自定义动画animate()animate(params....
分类:
Web程序 时间:
2015-06-14 18:22:36
阅读次数:
131
首页banner的酷炫效果多来自全屏大图的幻灯片动画,下面提供一种完美兼容的jquery动画特效:全新jquery多点滑动幻灯片——全屏动画animateSlide(代码完全原创)。直接上代码,把html、css和jquery代码copy到页面上即可呈现完美画面。html代码如下: ...
分类:
Web程序 时间:
2015-06-10 18:43:56
阅读次数:
105
Callback 函数在当前动画 100% 完成之后执行。jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将speed或duration作为可选参数。例子:$("p").hide("slow")speed或duration参数可以设置许多不同的值,比如 "slow", "fa...
分类:
Web程序 时间:
2015-06-09 16:21:40
阅读次数:
107
Callback 函数在当前动画 100% 完成之后执行。jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将speed或duration作为可选参数。例子:$("p").hide("slow")speed或duration参数可以设置许多不同的值,比如 "slow", "fa...
分类:
Web程序 时间:
2015-06-02 17:29:52
阅读次数:
132
jQuery animate() 方法允许您创建自定义的动画。jQuery 动画实例jQueryjQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);必...
分类:
Web程序 时间:
2015-06-02 15:09:24
阅读次数:
168