一個(gè)很Cool的JS菜單效果
更新時(shí)間：2006年09月07日 00:00:00 作者：
代碼封裝完成啦
在這里謝謝大家對(duì)我的支持！
偶參照一些Flash站點(diǎn)的菜單,
用javascript仿了一個(gè),效果還是挺Cool的.
簡(jiǎn)單地寫(xiě)一個(gè)使用說(shuō)明:
第一步：實(shí)體化X-Menu類(lèi)
用法:
var <實(shí)體變量>.new CoolMenuControl()
第二步：建立菜單項(xiàng)目---
用法:
<實(shí)體變量>.insertmenu(類(lèi)型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類(lèi)型：０代表菜單標(biāo)題，１代表樹(shù)型菜單子項(xiàng)目，２代表橫向菜單子項(xiàng)目
Html代碼：顯示在菜單上的Html代碼
鏈接網(wǎng)址：不用多說(shuō)了，網(wǎng)址或Javascript腳本
目標(biāo)：默認(rèn)為空，既不在本頁(yè)打開(kāi)；"_blank"代表在新的頁(yè)面打開(kāi)
例如:
CoolMenu2.insertmenu("2","<img src=http://www.blueidea.com/img/icon/arrow.gif> 新浪網(wǎng)","http://www.sina.com.cn/","_blank")
第三步：建立菜單---
用法:
<實(shí)體變量>.init(實(shí)體變量名,邊框顏色,背景顏色,滑動(dòng)速度,背景半透明度)
'實(shí)體變量名'必須與<實(shí)體變量>相同
如果背景顏色="transparent"既為完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
在這里謝謝大家對(duì)我的支持！
偶參照一些Flash站點(diǎn)的菜單,
用javascript仿了一個(gè),效果還是挺Cool的.
簡(jiǎn)單地寫(xiě)一個(gè)使用說(shuō)明:
第一步：實(shí)體化X-Menu類(lèi)
用法:
var <實(shí)體變量>.new CoolMenuControl()
第二步：建立菜單項(xiàng)目---
用法:
<實(shí)體變量>.insertmenu(類(lèi)型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類(lèi)型：０代表菜單標(biāo)題，１代表樹(shù)型菜單子項(xiàng)目，２代表橫向菜單子項(xiàng)目
Html代碼：顯示在菜單上的Html代碼
鏈接網(wǎng)址：不用多說(shuō)了，網(wǎng)址或Javascript腳本
目標(biāo)：默認(rèn)為空，既不在本頁(yè)打開(kāi)；"_blank"代表在新的頁(yè)面打開(kāi)
例如:
CoolMenu2.insertmenu("2","<img src=http://www.blueidea.com/img/icon/arrow.gif> 新浪網(wǎng)","http://www.sina.com.cn/","_blank")
第三步：建立菜單---
用法:
<實(shí)體變量>.init(實(shí)體變量名,邊框顏色,背景顏色,滑動(dòng)速度,背景半透明度)
'實(shí)體變量名'必須與<實(shí)體變量>相同
如果背景顏色="transparent"既為完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
javascript 兼容所有瀏覽器的DOM擴(kuò)展功能
技術(shù)文章寫(xiě)得少，所以有時(shí)候想寫(xiě)點(diǎn)什么卻下不了手，不知道該寫(xiě)什么；往往到了準(zhǔn)備要寫(xiě)的時(shí)候才發(fā)現(xiàn)自己想寫(xiě)的東西其實(shí)很無(wú)聊，甚至覺(jué)得很幼稚，于是又關(guān)掉了編緝器2012-08-08
Js數(shù)組對(duì)象如何根據(jù)多個(gè)key值進(jìn)行分類(lèi)
這篇文章主要介紹了Js數(shù)組對(duì)象如何根據(jù)多個(gè)key值進(jìn)行分類(lèi),每周從 npm 下載?lodash.groupBy?的次數(shù)在 150 萬(wàn)到 200 萬(wàn)之間，很高興看到 JavaScript 填補(bǔ)了這些空白，讓我們的工作變得更加輕松，需要的朋友可以參考下2024-02-02
js面向?qū)ο缶幊讨绾螌?shí)現(xiàn)方法重載
如何實(shí)現(xiàn)方法重載，涉及到三個(gè)問(wèn)題：同名函數(shù)的調(diào)用、函數(shù)中特殊的參數(shù)arguments、如何利用arguments實(shí)現(xiàn)方法重載,需要的朋友可以參考下2014-07-07
本篇文章主要介紹了JS中傳遞參數(shù)的幾種不同方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
教你JS更簡(jiǎn)單的獲取表單中數(shù)據(jù)(formdata)
這篇文章主要介紹了JS更簡(jiǎn)單的獲取表單中數(shù)據(jù)(formdata),本文給大家分享的js獲取表單數(shù)據(jù)更簡(jiǎn)潔，通過(guò)兩種方法結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-05-05
JavaScript圣杯布局與雙飛翼布局實(shí)現(xiàn)案例詳解
這篇文章主要介紹了JavaScript圣杯布局與雙飛翼布局實(shí)現(xiàn)案例，這是前端面試中需要掌握的知識(shí)點(diǎn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
詳解如何在JavaScript中創(chuàng)建線性?xún)x表圖
線性?xún)x表圖表示顯示所需值的垂直或水平線性刻度，帶有顏色刻度以及單個(gè)或多個(gè)指針。本文將詳細(xì)講解如何利用JavaScript創(chuàng)建線性?xún)x表圖，需要的可以參考一下2022-03-03
JS實(shí)現(xiàn)時(shí)間軸自動(dòng)播放
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)時(shí)間軸自動(dòng)播放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)答題功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
js限制input只能輸入有效的數(shù)字(第一個(gè)不能是小數(shù)點(diǎn))
有時(shí)候我們需要限制input只能輸入有效的數(shù)字，有且只有一個(gè)小數(shù)點(diǎn)，第一個(gè)不能為小數(shù)點(diǎn)，那么就可以參考下面的函數(shù)來(lái)實(shí)現(xiàn)2018-09-09