Febird's Sky

Search & Research & Find
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

一个非常专业而且优秀的JavaScript下拉菜单解决方案(HM)

Posted on 2007-12-04 18:55  febird  阅读(1077)  评论(3)    收藏  举报

HM-Menu

 国外的一个通用的,跨浏览器支持的下拉菜单库,效果非常的好,非常专业,能够动态的添加菜单项,在项目过多时能够生成上下滚动箭头,支持背景图片,支持自定义CSS,不限页面布局,可以为横向,可以为纵向,任你排列,支持多级菜单,功能众多,不过使用得好好研究,我也是在某个网站的源码中看到的,后来找到这个脚本库的源头  http://www.hiermenuscentral.com/

不过这个是要付费的,但我还是把它当过来了,毕竟他们的网站上面有一个演示,既然是JavaScript,那么绝大多数是客户端的把,那么当然也能够当下来研究研究,即使别人的使用再隐蔽,那也只是白搭,下面介绍使用方法

 

   HM_Loder.js中修改你HM配置的各种信息,包括配置文件路径,Images路径等等

  如下:

  if(typeof(window.HM_ScriptDir)=="undefined")

        HM_ScriptDir = "scripts/";

if(typeof(window.HM_ImageDir)=="undefined")

        HM_ImageDir = "images/";

if(typeof(window.HM_ConfigDir)=="undefined")

        HM_ConfigDir = "configs/";

if(typeof(window.HM_ConfigFiles)=="undefined")

        HM_ConfigFiles = "configs/hmcentral.js";

if(typeof(window.HM_ConfigType)=="undefined")

        HM_ConfigType = "default";

if(typeof(window.HM_FramesEnabled)!="boolean")

        HM_FramesEnabled = false;

 

可以从HM_Loader.js中看到,只要在要用的时候引用这个JS文件就可以了,其他的Js文件会在需要的时候根据你的浏览器动态的添加,用户的数据配置文件是当作配置文件来存放在JS中的,具体存放格式可以见附件中的Configs文件夹中的“Sample.js

 

我写了一个示例文件在外面为Sample.htm

 

附件:点击下载