Home > Technology > 无限级导航菜单

无限级导航菜单

November 13th, 2009 yinheli
Skip to Comments

上次看到有个 web 招聘笔试题里有个题大意是这样的: 是否尝试写过无限级的导航菜单? 我一时兴致就尝试写了一下.

要想兼容 IE(6/7/8) 系列还真的挺费事. 不得不动用 javascript 以及在 CSS 中使用 hacker. 对 Javascript 我只懂些皮毛. 要想做出些动画效果那几乎不可能. 只好用 jQuery 了.

我现在做了个DEMO. 要修改其动画效果只需要改改 js 中的鼠标效果即可. jQuery 自带的几个动画效果都可以. 当然你还可以发挥你的想象写些自定义动画.

DEMO

声明:本站遵循署名-非商业性使用-相同方式共享3.0共享协议. 转载请注明转自 PhilNa ™

Technology , ,
«
»
Comments ( 20 )
Feed for this Entry Trackback Leave a comment
  1. qiqiboy Nov 13th, 2009 @ 22:49 | #1
    Reply Quote

    记得mg12介绍过多级菜单。。。。跟你这个差不多吧

  2. 吓我一跳 Nov 13th, 2009 @ 23:32 | #2
    Reply Quote

    你是一个很牛的人

  3. 笑话老李说 Nov 14th, 2009 @ 08:30 | #3
    Reply Quote

    哇，这效果真不错，期待下载了~~

  4. 小王子 Nov 14th, 2009 @ 09:07 | #4
    Reply Quote

    功能越来越花哨了.

  5. 吖Bee Nov 14th, 2009 @ 13:31 | #5
    Reply Quote

    Philna2新版终于下载到了～yet！

  6. wang Nov 14th, 2009 @ 15:24 | #6
    Reply Quote

    这个效果不错。牛X。 ;-)

  7. grubylee Nov 17th, 2009 @ 12:25 | #7
    Reply Quote

    @笑话老李说
    你保存下来就行了嘛

  8. choubb Nov 18th, 2009 @ 16:31 | #8
    Reply Quote

    效果不错， 可是菜单内容怎样驱动呢？

  9. bolo Nov 18th, 2009 @ 22:27 | #9
    Reply Quote

    你已经很牛了，不过通常3级就差不多了，要是网站真有这么复杂的层级关系的话不如做个列表

  10. notebeta Nov 19th, 2009 @ 12:59 | #10
    Reply Quote

    无限级,我感觉自己两级就够用了

  11. yinheli Nov 20th, 2009 @ 14:57 | #11
    Reply Quote

    @qiqiboy
    我借鉴了他的样式 . 哈哈~ 我是用jQuery的.他是自己写的js很多的样式也写到js里了.我有点不习惯.

    @choubb
    什么意思?

    @bolo , @notebeta
    是的. 没有必要很多级. 对用户很不好. 但是这是个笔试题. 需要我们动动脑筋去完成它. :roll:

  12. 徐玉柱 Nov 20th, 2009 @ 20:48 | #12
    Reply Quote

    这个主题很喜欢，导航菜单太多的话有点乱。。。

  13. 混乱羽翼 Nov 22nd, 2009 @ 11:17 | #13
    Reply Quote

    额。。请问你这个模板，右边的最近回复如何去掉管理员自身的呀。。因为不是用的小工具，找不到地方修改参数为不现实。。。

    还有底部分页，不是装了插件么？？还是一次只能移动一个页面呀，请多指教

  14. 吖Bee Nov 28th, 2009 @ 11:11 | #14
    Reply Quote

    Philna2 不支持window Live…

  15. evlos Nov 28th, 2009 @ 14:09 | #15
    Reply Quote

    好强大的菜单 ~

  16. 集集酷 Jan 29th, 2010 @ 15:52 | #16
    Reply Quote

    还行

  17. 世纪之光 Feb 4th, 2010 @ 21:04 | #17
    Reply Quote

    听幽默的啊，我们用的一样的主题，哈哈。

  18. yinheli Feb 5th, 2010 @ 18:06 | #18
    Reply Quote

    @世纪之光
    没有你幽默… 这个主题我写的. :oops:

  19. dot Feb 5th, 2010 @ 22:58 | #19
    Reply Quote

    @yinheli
    这家伙， :grin:

  20. iamrecycle Mar 5th, 2010 @ 13:09 | #20
    Reply Quote

    Recent Comments这个里面怎么显示回复者头像的呀？谢谢

Submitting Comment, Give me a second...

Leave a comment

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
Trackbacks & Pingbacks ( 0 )
Toggle the list
  1. No trackbacks yet.