Copy @:脚本爱好者

模式切换

右键文档模式  |  默认皮肤A模式  |  横排菜单模式  |   竖排菜单模式  |   前缀图标模式

菜单演示

 

菜单特色

如果你有任何的意见或建议,请到scriptlover.com上面留言。

  1. 支持无限级菜单
  2. xml方式书写菜单
  3. 完全自定义菜单项
  4. 一个文档可实例化多个对象
  5. 多种显示模式
  6. 可支持灵活切换皮肤
  7. 多浏览器兼容(ie6+ ,firefox ,sarari ,opera?)
调用说明

Menu类的属性和方法:

  1. 属性width:控制菜单宽度,默认为180px
  2. 属性xml:菜单数据源文件
  3. 属性xmlString:数据xml串
  4. 属性trigger:触发弹出菜单的对象
  5. 方法init:初始化对象的属性和方法
  6. 方法show:显示主菜单,接受参数为"当前事件源"

xml和xmlString属性两者设定其一就可以;trigger对象可不设定,那么可调show方法显示菜单。

xml描述文件节点及属性:

  1. 节点root:文档根节点
  2. 节点menu:描述一个菜单
  3. 节点ul:描述一个菜单项组合
  4. 节点li:描述一个菜单项
  5. 属性enabled:为false,那么该菜单为无效状态
  6. 属性id:节点id
  7. 属性child:指向的子菜单id

xml描述文件中为节点添加事件:

最终li元素将会在html文档中解析为li元素,且它的属性都会全部被解析,因此可用下列方法添加:

  1. 直接在li节点中写属性,比如onclick="{alert('clicked me')}"。
  2. 可以给li元素一个id,然后在脚本中为元素添加事件。

下载代码说明
X关闭

js 网页右键多级展开的菜单(可屏蔽右键)

CSS+JavaScript网页右键多级展开的菜单,并屏蔽右键,用一个新的菜单来代替,比较早的一个网页特效,发现现在仍然很有用,不妨百忙之中的你参考一下。