一个很Cool的JS菜单效果

 更新时间:2006年09月07日 00:00:00   作者:  
代码封装完成啦
在这里谢谢大家对我的支持!
偶参照一些Flash站点的菜单,
用javascript仿了一个,效果还是挺Cool的.

简单地写一个使用说明:
第一步:实体化X-Menu类
   用法:
   var <实体变量>.new CoolMenuControl()

第二步:建立菜单项目---

  用法:
    <实体变量>.insertmenu(类型,Html代码,链接网址,目标)
     类型:0代表菜单标题,1代表树型菜单子项目,2代表横向菜单子项目
     Html代码:显示在菜单上的Html代码
      链接网址:不用多说了,网址或Javascript脚本
      目标:默认为空,既不在本页打开;"_blank"代表在新的页面打开
 例如:     
    CoolMenu2.insertmenu("2","<img src=http://www.blueidea.com/img/icon/arrow.gif> 新浪网","http://www.sina.com.cn/","_blank")   

第三步:建立菜单---

  用法:
    <实体变量>.init(实体变量名,边框颜色,背景颜色,滑动速度,背景半透明度)
       '实体变量名'必须与<实体变量>相同
       如果背景颜色="transparent"既为完全透明
 例如:     
    CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • 利用JS判断数据类型的四种方法

    利用JS判断数据类型的四种方法

    面试的时候经常会问到JS 中 判断数据类型的方法,一般常用的 就是typeof了 ,其他的也想不起来,今天特意在网上查了一下来总结,这篇文章主要介绍了利用JS判断数据类型的四种方法,需要的朋友可以参考下
    2021-08-08
  • Table冻结表头示例代码

    Table冻结表头示例代码

    Table冻结表头,大家对此应该不会很陌生,实现很简单,下面为大家详细介绍下具体的实现,感兴趣的朋友可以参考下
    2013-08-08
  • 基于js中的原型(全面讲解)

    基于js中的原型(全面讲解)

    下面小编就为大家带来一篇基于js中的原型(全面讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 详解JavaScript 浮点数运算的精度问题

    详解JavaScript 浮点数运算的精度问题

    这篇文章主要介绍了详解JavaScript 浮点数运算的精度问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • Javascript实现计算个人所得税

    Javascript实现计算个人所得税

    用javascript脚本语言编写一个“个人所得税计算器”?计算公式:所得税=(月收入-起征额)*10%;重填就是全部清空;十分的实用,有需要的小伙伴可以参考下。
    2015-05-05
  • 如何正确使用javascript 来进行我们的程序开发

    如何正确使用javascript 来进行我们的程序开发

    Javascript 正确使用方法,下面为大家介绍的是一个关于如何正确使用javascript 来进行我们的程序开发,需要的朋友可以参考下
    2014-06-06
  • 微信小程序实现打卡日历功能

    微信小程序实现打卡日历功能

    这篇文章主要为大家详细介绍了微信小程序实现打卡日历功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript设计模式经典之命令模式

    JavaScript设计模式经典之命令模式

    命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行。接下来通过本文给大家介绍JavaScript设计模式经典之命令模式,需要的朋友参考下
    2016-02-02
  • Bootstrap教程JS插件弹出框学习笔记分享

    Bootstrap教程JS插件弹出框学习笔记分享

    这篇文章主要为大家分享了Bootstrap教程JS插件弹出框学习笔记,为大家详细介绍Bootstrap弹出框的使用方法,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 微信小程序获取手机系统信息的方法【附源码下载】

    微信小程序获取手机系统信息的方法【附源码下载】

    这篇文章主要介绍了微信小程序获取手机系统信息的方法,涉及微信小程序wx.getSystemInfo函数的简单使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下
    2017-12-12

最新评论