用jquery写一个简单的菜单伸缩效果

先看下效果图吧!其实是一个很简单的东西。只是对以前的知识复习下。这里就不做详细说明了,懂得jQuery的选择器和效果就行了。

jQuery的代码如下:

  1. jQuery(document).ready(function(){
  2.     jQuery("dd:not(:first)").hide();
  3.         jQuery("dt a").click(function(){
  4.         jQuery("dd:visible").slideUp("slow");
  5.         jQuery(this).parent().next().slideDown("slow");
  6.         return false;
  7.     });
  8. });

在上面我们用到了jQuery的”:not”,”:first”,”:visible”,”.parent(Selector) “,”.next(Selector) “这几个选择器以及jQuery的滑动效果”slideUp”,”slideDown”;
不明白可以去参照JQ的参考文档。完整的实例请运行下面的代码!

提示:你可以先修改部分代码再运行。



本文固定链接: http://www.ntxz.net/?p=1193 | 周忞 | 吉心的记事本



该日志由 吉心 于2010年08月01日发表在 Jquery 分类下, 你可以发表评论
在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 用jquery写一个简单的菜单伸缩效果 | 周忞 | 吉心的记事本
关键字: ,

用jquery写一个简单的菜单伸缩效果:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!