一個(gè)很Cool的JS菜單效果
更新時(shí)間:2006年09月07日 00:00:00 作者:
代碼封裝完成啦
在這里謝謝大家對(duì)我的支持!
偶參照一些Flash站點(diǎn)的菜單,
用javascript仿了一個(gè),效果還是挺Cool的.
簡(jiǎn)單地寫一個(gè)使用說(shuō)明:
第一步:實(shí)體化X-Menu類
用法:
var <實(shí)體變量>.new CoolMenuControl()
第二步:建立菜單項(xiàng)目---
用法:
<實(shí)體變量>.insertmenu(類型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類型:0代表菜單標(biāo)題,1代表樹(shù)型菜單子項(xiàng)目,2代表橫向菜單子項(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)單地寫一個(gè)使用說(shuō)明:
第一步:實(shí)體化X-Menu類
用法:
var <實(shí)體變量>.new CoolMenuControl()
第二步:建立菜單項(xiàng)目---
用法:
<實(shí)體變量>.insertmenu(類型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類型:0代表菜單標(biāo)題,1代表樹(shù)型菜單子項(xiàng)目,2代表橫向菜單子項(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)文章
document節(jié)點(diǎn)對(duì)象的獲取方式示例介紹
如果要操作一個(gè)元素,首先要獲取到它,下面為大家介紹下document節(jié)點(diǎn)對(duì)象的獲取方式,感興趣的朋友不要錯(cuò)過(guò)2013-12-12
微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
jsp+javascript打造級(jí)連菜單的實(shí)例代碼
jsp+javascript打造級(jí)連菜單的實(shí)例代碼,需要的朋友可以參考一下2013-06-06
JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件的方法
這篇文章主要介紹了如何在?JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件,本文通過(guò)圖文實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09
微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到的問(wèn)題總結(jié)
最近公司有個(gè)需求,第一次遇到,把原生的微信小程序代碼轉(zhuǎn)換為uni-app項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到問(wèn)題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07

