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