一個很Cool的JS菜單效果
更新時間:2006年09月07日 00:00:00 作者:
代碼封裝完成啦
在這里謝謝大家對我的支持!
偶參照一些Flash站點的菜單,
用javascript仿了一個,效果還是挺Cool的.
簡單地寫一個使用說明:
第一步:實體化X-Menu類
用法:
var <實體變量>.new CoolMenuControl()
第二步:建立菜單項目---
用法:
<實體變量>.insertmenu(類型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類型:0代表菜單標(biāo)題,1代表樹型菜單子項目,2代表橫向菜單子項目
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")
第三步:建立菜單---
用法:
<實體變量>.init(實體變量名,邊框顏色,背景顏色,滑動速度,背景半透明度)
'實體變量名'必須與<實體變量>相同
如果背景顏色="transparent"既為完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
在這里謝謝大家對我的支持!
偶參照一些Flash站點的菜單,
用javascript仿了一個,效果還是挺Cool的.
簡單地寫一個使用說明:
第一步:實體化X-Menu類
用法:
var <實體變量>.new CoolMenuControl()
第二步:建立菜單項目---
用法:
<實體變量>.insertmenu(類型,Html代碼,鏈接網(wǎng)址,目標(biāo))
類型:0代表菜單標(biāo)題,1代表樹型菜單子項目,2代表橫向菜單子項目
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")
第三步:建立菜單---
用法:
<實體變量>.init(實體變量名,邊框顏色,背景顏色,滑動速度,背景半透明度)
'實體變量名'必須與<實體變量>相同
如果背景顏色="transparent"既為完全透明
例如:
CoolMenu1.init("CoolMenu1","#002000","#38FFff",0.1,15)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-07-07JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件的方法
這篇文章主要介紹了如何在?JavaScript?中使用SpreadJS導(dǎo)入和導(dǎo)出?Excel?文件,本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-09-09微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到的問題總結(jié)
最近公司有個需求,第一次遇到,把原生的微信小程序代碼轉(zhuǎn)換為uni-app項目,下面這篇文章主要給大家介紹了關(guān)于微信小程序轉(zhuǎn)換uniapp的遷移步驟以及遇到問題的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07