一个很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需再刷新一下页面才能执行]

相关文章

  • javascript 兼容所有浏览器的DOM扩展功能

    javascript 兼容所有浏览器的DOM扩展功能

    技术文章写得少,所以有时候想写点什么却下不了手,不知道该写什么;往往到了准备要写的时候才发现自己想写的东西其实很无聊,甚至觉得很幼稚,于是又关掉了编缉器
    2012-08-08
  • Js数组对象如何根据多个key值进行分类

    Js数组对象如何根据多个key值进行分类

    这篇文章主要介绍了Js数组对象如何根据多个key值进行分类,每周从 npm 下载 lodash.groupBy 的次数在 150 万到 200 万之间,很高兴看到 JavaScript 填补了这些空白,让我们的工作变得更加轻松,需要的朋友可以参考下
    2024-02-02
  • js面向对象编程之如何实现方法重载

    js面向对象编程之如何实现方法重载

    如何实现方法重载,涉及到三个问题:同名函数的调用、函数中特殊的参数arguments、如何利用arguments实现方法重载,需要的朋友可以参考下
    2014-07-07
  • JS中传递参数的几种不同方法比较

    JS中传递参数的几种不同方法比较

    本篇文章主要介绍了JS中传递参数的几种不同方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 教你JS更简单的获取表单中数据(formdata)

    教你JS更简单的获取表单中数据(formdata)

    这篇文章主要介绍了JS更简单的获取表单中数据(formdata),本文给大家分享的js获取表单数据更简洁,通过两种方法结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • JavaScript圣杯布局与双飞翼布局实现案例详解

    JavaScript圣杯布局与双飞翼布局实现案例详解

    这篇文章主要介绍了JavaScript圣杯布局与双飞翼布局实现案例,这是前端面试中需要掌握的知识点,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 详解如何在JavaScript中创建线性仪表图

    详解如何在JavaScript中创建线性仪表图

    线性仪表图表示显示所需值的垂直或水平线性刻度,带有颜色刻度以及单个或多个指针。本文将详细讲解如何利用JavaScript创建线性仪表图,需要的可以参考一下
    2022-03-03
  • JS实现时间轴自动播放

    JS实现时间轴自动播放

    这篇文章主要为大家详细介绍了JS实现时间轴自动播放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 微信小程序实现答题功能

    微信小程序实现答题功能

    这篇文章主要为大家详细介绍了微信小程序实现答题功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • js限制input只能输入有效的数字(第一个不能是小数点)

    js限制input只能输入有效的数字(第一个不能是小数点)

    有时候我们需要限制input只能输入有效的数字,有且只有一个小数点,第一个不能为小数点,那么就可以参考下面的函数来实现
    2018-09-09

最新评论