JQuery - Animate

http://api.jquery.com/animate/

Animate是个好东西，一个非常好的效果你可以用jquery自带的函数，比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。
一些动态的效果可以使用 show() 和 hide()来表现:
$(document).ready(function() {
        $("a").toggle(function() {
                $(".stuff").hide('slow');
        }, function() {
                $(".stuff").show('fast');
        });
});
你可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果:
$(document).ready(function() {
        $("a").toggle(function() {
                $(".stuff").animate({
                        height: 'hide',
                        opacity: 'hide'
                }, 'slow');
        }, function() {
                $(".stuff").animate({
                        height: 'show',
                        opacity: 'show'
                }, 'slow');
        });
});
很多不错的效果可以访问interface plugin collection. 这个站点提供了很多demos和文档

这些效果插件是位于jQuery插件列表的前面的，当然也有很多其他的插件，比如我们下一章讲到的表格排序插件。

转载于:https://www.cnblogs.com/ableid/archive/2010/04/29/1723829.html

JQuery - Animate相关推荐

jquery animate函数实现
jquery animate 函数实现动画效果参数一比如高度宽度之类的:'-=50' 参数二速度之类 <html xmlns="http://www.w3.org/1999/ ...
jQuery animate动画效果
jQuery animate动画效果 1.animate动画效果 2.animate回调函数 3.参数为数学表达式形式 4.滑动选项卡 1.animate动画效果 <!DOCTYPE html& ...
java easing_浅谈jQuery animate easing的具体使用方法(推荐)
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...
jQuery animate方法开发极客标签Logo动画融合效果
为什么80%的码农都做不了架构师?>>> 在线演示本地下载 jQuery的animate方法基础使用,演示如何生成一个jQuery animate方法开发极客标签Logo动画 ...
jquery animate 数字动态变化达不到指定的值
参考:http://api.jquery.com/animate/ function dynamic_number(id, value) { var num = $("#" + i ...
jquery animate 显示隐藏
jquery 中 animate(动画) 显示隐藏需要使用 opacity(透明度:0跟1), 使用display和visibility 是无效的.
jQuery（四）jQuery animate动画
文章目录 jQuery动画练习-滑动选项卡 jQuery动画通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完之后会执行一个函数. 不想写单位可以直接写数字, ...
jquery animate
$(".logo").animate( { opacity: .25, //将不透明度逐渐变成.25 height: 0 //高度逐渐变成0 }, { duration: 1000 ...
jquery animate自定义动画
动画 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...

JQuery - Animate

JQuery - Animate相关推荐

最新文章

热门文章