javascript menu不完全搜集
关键字:javascript menu dhtml Navigation script
正在做一个CMS系统,计划集成一个自动菜单模块,希望实现菜单结构的自动更新和风格可定制。不想自己从头写起,这样需要选择一个javascript menu的代码包,初步定了一下选择标准:
- 搜索引擎友好
- 风格与结构数据分离
- 便于定制风格
- 轻量级
- 有一定的兼容宽度
- 免费
google了整整一天(其实以前曾经为这个问题专门google过一次了),有了如下一些结果,发现了一个JSCookMenu,还没来及研究,先把手稿发上来,等研究完jsCookMenu在来完善这篇文章!
1、EZmenu 3.1
http://web-nova.com/ezmenu.asp
价格便宜(还没确认好像是有限免费的),功能强大,但不是基于HTML,对搜索引擎不友好!
functionality, ease of use, widespread compatibility and performance. EZmenu is designed to be easily and quickly used by anyone without any knowledge of javascript or dhtml programming. This is made possible by our form based menu builder - the Menu Maker. The Menu Maker allows you to start building your own dhtml menu straightaway with a few button clicks, and yet gives you the versatility to customize a multitude of dhtml menu effects, or even create your own dhtml effects.
2、PHP Layers Menu
http://sourceforge.net/projects/phplayersmenu/
最后更新时间:2004.8
和PHP高度集成,直接支持横/竖向多极菜单、树,可不依赖于Javascript
亮点不少,关注中….
3、xMenu-xLayer
http://sourceforge.net/projects/xmenu-xlayer
最后更新时间:2005.7
看上去不错,但有一个致命的缺点:inline方式嵌入式,必需手动计算并指定菜单的整体宽高,如果不指定或者指定错误,会影响显示!
实在不爽!
4、Milonic Menu
http://www.milonic.com/
标准的商业软件,中规中矩,该有的都有了
5、硕思
http://www.sothink.com.cn/webtools/dhtmlmenu/index.htm
和上一个差不多
6、CSSTOPMENU
http://www.javascriptkit.com/script/script2/csstopmenu.shtml
很简单的一个免费组件,但提供了两个关键特性:
1、SOE
2、inLine insert
7、Advanced JSMenu
http://free-javascript.all-faqs.info/
稳定性似乎还有点问题!
SEO,light,CSS,集成Tree和Tab
8、tigra_menu
http://www.softcomplex.com/products/tigra_menu/
免费版如同鸡肋,商业版太贵,不过这家公司的系列产品很丰富!
Tigra Menu is free JavaScript menu navigation component for web sites. This is the script thousands of webmasters around the world have chosen for its great feature set, flexibility and performance. Tons of support materials including cross-patform visual builder offered free of charge. No matter if you’re a web mastering guru or newbie - this is what you’ve been looking for.
9、CodeThatMenu
http://www.codethat.com/javascript-menu.html
评论同上,商业服务更加全面
CodeThatMenu objective
No doubts very important characteristics for the web site are accessibility and user friendly navigation (tree, menu) that insures that site visitors (Internet surfers) will reach every single page on the site. Majority of the modern websites use the JavaScript to build such an advanced navigation (menu, tree). CodeThat.Com is proud to offer one of the best web menu navigation systems available. It is called CodeThatMenu and its quick reference is just below.
奖项很多!
10、CoolJsMenu
http://javascript.cooldev.com/scripts/coolmenu/
评论同上,下面是他的版本比较
Feature Edition Free Standard Professional Wide browser support Menu was successfully tested on these browsers:
- Internet Explorer 4.01 and higher
- Netscape Navigator 4.08 and higher
- Netscape Navigator 6.0 and higher
- Mozilla 0.9 and higher
- Opera 5.02 and higher
- AOL 4 and higher
![]()
![]()
![]()
Separate item sizing & positioning Every item of javascript menu can have special size and/or position. This allows you to create fancy menu with unusual look.
Samples: item positioning, item sizing
![]()
![]()
![]()
Unlimited number of levels There is no limitation on how many menu levels can be created.
Samples: multiple levels
![]()
![]()
![]()
Customizable styles and colors Every level and every item can have separate set of styles.
Samples: styles & colors
![]()
![]()
![]()
Customizable rollovers Customizable rollovers are supported even under very old browsers like Netscape 4.x and Opera 5.x without any additional javascript programming. You can set special background color, CSS class, or even special text for rollovered state of any item.
Samples: styles & colors
![]()
![]()
![]()
Border and pseudo-shadow support Border and pseudo-shadow are supported under all browsers. You can cusomize color and size for both shadow and border.
Samples: border & pseudo-shadow
![]()
![]()
![]()
Unlimited number of menu instances There can be several menus on a single page, and these menus will not interfere with each other.
Samples: multiple instances
![]()
![]()
![]()
Watermark Free edition of the javascript menu includes watermark — little gray piece of text just under the tree:![]()
Commercial editions — Standard and Professional — do not have watermark.
![]()
Commercial use Standard and Professional editions can be used commercially, in any number of your own applications. Separate license can be purchased to allow redistribution of the script.
![]()
![]()
Relative positioning Menu can be placed into some container, and it will follow design flow when user will resize the window, or when other page elements will change their sizes.
Samples: relative positioning
![]()
Popup menus Menu can be made invisible, and then it can popup when some event occurs, e.g. right mouse button click.
Samples: popups
![]()
Cross-frame menus Your menu can be splitted in the following way: top level items in one frame, and all sublevels in the other. However, menu cannot cross frame boundary — whole sublevel has to be visible within single frame.
![]()
Icon images Menu can have special icon images which will be placed to the left of the text. These icons can have rollovered state.
Samples: images
![]()
Arrow images Every item with subitems can have special arrow image which indicates that there is something to see. Arrows can have rollovered state.
![]()
Advanced borders Each side of the border can have individial width.
![]()
Workarounds for the form elements ![]()
11、JSCookMenu
http://www.cs.ucla.edu/~heng/JSCookMenu/
!!精品 !!
看起来是一个中国人写的,目前为止还没有发现他的缺点。
研究中,将会尽快提供更多的评价!
Introduction
JSCookMenu (v1.4.4) is a powerful menu script written in JavaScript that can mimic complex menus found in popular GUI Applications. It is relatively simple and easy to use. Creating a new theme requires some patience, but rarely does one has to write one since some good ones are provided.
Help Wanted: If JSCookMenu does not work for your browser, please let me know. If you could pin down the problem and provide a solution, it would be even better. Thanks.
Features
- Supports both horizontal and vertical menus.
- Supports relative positioning.
- Supports different menus w/ different themes in the same web page.
- Eases the menu creation process w/ a menu builder.
All that, for free :D But please remember to keep that copyright and the license information in the script since I did spend a lot of time writing it. Any donation$, post cards and foreign coin/money/stamps would be greatly appreciated.
JSCookMenu (c) Copyright 2002-2005 by Heng Yuan
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the “Software”),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software.THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS
OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
ITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
12、Cross Browser Dhtml Menus
http://www.pratherproductions.com/articles/2004/0404_examples/index.html
功能看起来还可,不支持SEO
令人惊奇的是他的Menu定义代码和硕思的惊人的相似,不知两者有否联系。
Description: DHTML menus with cool fading and transitional effects. These DHTML menus are easily editable for intermediate Coders and Web Designers. I have provided examples of horizontal, vertical, floating, and OS menus. Feel free to modify and utilize these menus any way you see fit.
13、AT jsMenu
http://sourceforge.net/projects/atjsmenu/
其它相关资料及参考网站
- hotscript
http://www.hotscripts.com/JavaScript/Scripts_and_Programs/Navigation/Menus/ - javascriptKit
http://javascriptkit.com/cutpastejava.shtml - scriptSearch(这个好东西不少,JSCookMenu就是在这里找到的)
http://www.scriptsearch.com/JavaScript/Scripts/Navigation/ - TAB和smartyForm的脚本作的不错,以后可能会用到
http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=2879











浙公网安备 33010602011771号