发布一个jQuery做的导航菜单的插件 submenu



本插件基于jQuery框架

调用:
$("#my_menu").submenu();

参数设置:
oneSmOnly //单独拉开收起,如果是true的话,当前菜单只有一个展开项
speed  //数字越大,速度越慢,默认为300
expandNum  //设置初始化时菜单展开的项,默认为第一项
savestatus //设置是否保存菜单展开状态,默认为保存

参数调用示例:

$("#my_menu").submenu({oneSmOnly:true,speed:500,expandNum:5,savestatus:true});


本菜单效果修改自:Slashdot's Menu
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm


---------------------------------
初次做jq的插件,做得不好的地方还请大家指教,大家一起进步,谢谢~
http://regedit.cnblogs.com/

代码下载
posted @ 2008-01-18 16:39 没剑 阅读(2001) 评论(18)  编辑 收藏 所属分类: JQuery

  回复  引用  查看    
#1楼 2008-01-18 16:53 | 猪怕壮      
很不错,谢谢分享
  回复  引用  查看    
#2楼 2008-01-18 17:45 | deerchao      
不错,很cool.
如果用能改用更有意义的 <ul> <li> 而不是<div> <span>来组织菜单结构就更好了:)

或者用 class 来表明层次结构也行..
  回复  引用  查看    
#3楼 [楼主]2008-01-18 20:06 | 没剑      
@李华顺
呵呵,搜索引擎原来比较稀饭li啊,好,偶针对这个再修改一下吧,谢谢啊

  回复  引用  查看    
#4楼 2008-01-18 20:08 | 李华顺      
--引用--------------------------------------------------
deerchao: 不错,很cool.
如果用能改用更有意义的 <ul> <li> 而不是<div> <span>来组织菜单结构就更好了:)

或者用 class 来表明层次结构也行..
--------------------------------------------------------
说得很对,ul li 是有意义的,对于搜索引擎来说,ul li 它更喜欢
  回复  引用  查看    
#5楼 2008-01-18 22:43 | KevinLi      
收藏学习 正在学jquery
  回复  引用    
#6楼 2008-01-19 10:00 | guyer [未注册用户]
呵呵 老大 好强啊!
  回复  引用    
#7楼 2008-01-22 14:20 | geek007 [未注册用户]
要是第一级也想加链接,该怎么处理?
  回复  引用  查看    
#8楼 [楼主]2008-01-22 21:10 | 没剑      
@geek007
这个菜单都是有子级,暂时没单独的一级菜单
  回复  引用    
#9楼 2008-02-02 17:05 | geek007 [未注册用户]
点了二级后,会收缩,怎么保持所点的状态?
  回复  引用  查看    
#10楼 [楼主]2008-02-02 17:34 | 没剑      
--引用--------------------------------------------------
geek007 : 点了二级后,会收缩,怎么保持所点的状态?
--------------------------------------------------------
oneSmOnly //单独拉开收起,如果是true的话,当前菜单只有一个展开项
设置oneSmOnly=false

  回复  引用    
#11楼 2008-02-20 13:26 | 可乐加糖 [未注册用户]
非常不错的东西.呵呵.有空我们交流一下,我也是开始学javascript,正在使用的就是jquery and ext2.0
  回复  引用    
#12楼 2008-02-20 13:31 | 可乐加糖 [未注册用户]
这个东西我下载使用了,非常的不错.
很实用,而且效果也很好.
效果也加得非常的不错.
  回复  引用  查看    
#13楼 [楼主]2008-02-20 21:52 | 没剑      
--引用--------------------------------------------------
可乐加糖: 非常不错的东西.呵呵.有空我们交流一下,我也是开始学javascript,正在使用的就是jquery and ext2.0
--------------------------------------------------------
呵呵,大家一起学习吧
  回复  引用    
#14楼 2008-03-15 15:53 | wr [未注册用户]
下了demo,是否保持菜单状态中选择 是、否,都无效
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm
这个选了true是可以每次只展开一列的

还在找怎么回事
  回复  引用  查看    
#15楼 [楼主]2008-03-15 17:18 | 没剑      
--引用--------------------------------------------------
wr: 下了demo,是否保持菜单状态中选择 是、否,都无效
<a href="http://www.dynamicdrive.com/dynamicindex1/slashdot.htm" target="_new" rel="nofollow">http://www.dynamicdrive.com/dynamicindex1/slashdot.htm</a>
这个选了true是可以每次只展开一列的

还在找怎么回事
--------------------------------------------------------
请问你是用ie6吗?
  回复  引用    
#16楼 2008-03-16 09:37 | wr [未注册用户]
--引用--------------------------------------------------
没剑: --引用--------------------------------------------------
wr: 下了demo,是否保持菜单状态中选择 是、否,都无效
&lt;a href=&quot;http://www.dynamicdrive.com/dynamicindex1/slashdot.htm&quot; target=&quot;_new&quot; rel=&quot;nofollow&quot;&gt;http://www.dynamicdrive.com/dynamicindex1/slashdot.htm&lt;/a&gt;
这个选了true是可以每次只展开一列的

还在找怎么回事
--------------------------------------------------------
请问你是用ie6吗?
--------------------------------------------------------
忘记了,前几天升级了ie7做测试的,ie7下的问题。
  回复  引用    
#17楼 2008-09-21 11:02 | notme [未注册用户]
该如何把这两个效果融合在一起

菜单一:
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm
菜单二:
http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/

现在想把菜单二中的弹出效果加到菜单一中

谢谢
  回复  引用  查看    
#18楼 [楼主]2008-10-01 00:22 | 没剑      
@notme
我看一下这两个效果,我觉得没有办法共用,因为他们没有什么共通的,如果实在要共用的话,可能代码比较多.

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-07-16 14:55 编辑过
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接: