网络编程
位置:首页>> 网络编程>> JavaScript>> jQuery中文入门教程(5)

jQuery中文入门教程(5)

作者:Keel 来源:Keel blog 发布时间:2007-12-09 19:20:00 

标签:jquery,教程,入门

Animate me(让我生动起来):使用FX

一些动态的效果可以使用 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插件列表的前面的,当然也有很多其他的插件,比如我们下一章讲到的表格排序插件。

本章的相关链接:

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com