jQuery教程-Animate动画
阿超 发表于 2009-08-20 11:57 | 来源: | 阅读 300 次
jQuery教程-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插件列表的前面的,当然也有很多其他的插件,比如我们下一章讲到的表格排序插件

