钱本草

JQuery简单实现动态效果(三)

      本来应该接着上一节Ajax但是感觉学习有些复杂没搞明白，先继续看jquery的神奇效果吧，以前我们想显示或者隐藏某一个层实现渐变效果是不是需要写大量的js代码，现在让我们看看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插件列表的前面的，当然也有很多其他的插件

下一节来学习表格排序插件

欢迎光临本站!请 订阅本站Feed 获得最新信息
转载请注明文章转载自：钱本草 [http://www.qbencao.com]
本文链接地址：JQuery简单实现动态效果(三)