快捷導(dǎo)航

js 右鍵菜單，支持不同對象不同菜單(兼容IE、Firefox)

更新時(shí)間：2010年01月28日 22:21:49 作者：

版本雖然很老也不符合標(biāo)準(zhǔn)了，不過代碼是值得參考的，需要右鍵菜單的朋友可以參考下。

里面的代碼修改也比較簡單。

<html> <head> <title>ddd</title> <style> .DreamMenu { position:absolute; visibility:hidden; z-index:100; overflow:hidden; width:150px; background-color:buttonface; border:dimgray 1px solid !important; border:buttonhighlight menu menu buttonhighlight 2px outset; padding:1px !important; padding:1px 1px 1px 0px; font-size:12px; } .DreamMenu ul { margin:1px; border-bottom:buttonhighlight 1px solid; border-top:buttonshadow 1px solid; } .DreamMenu a { display:block; width:100%; padding:1px 2px 2px 20px; cursor:default; text-decoration:none; color:#000000; } .DreamMenu a:hover { background:highlight; color:#ffffff; } </style> </head> <body menu='menu'>     <div   class="wppm3vysvbp"   id="menu" class='DreamMenu'> <a href='http://www.fzitv.net'>腳本之家</a> <a href='http://www.baidu.com'> 百度</a> <a href='http://www.g.cn'>google</a> <a href='http://tools.jb51.net'>站長工具</a> <ul></ul> <a href='4'>打印</a> </div>  <div   class="wppm3vysvbp"   id="menu2" class='DreamMenu'> <a href='0'>哈哈</a> <a href='1'>我是個(gè)鏈接</a> <a href='2'>好開心啊</a> <a href='3'>查看</a> <ul></ul> <a href='4'>打印</a> </div>  <div   class="wppm3vysvbp"   id="menu3" class='DreamMenu'> <a href='0'>哈哈</a> <a href='1'>我是圖片</a> <a href='2'>雖然打不開</a> <a href='3'>查看</a> <ul></ul> <a href='4'>打印</a> </div> <table><tr><td height=100>  <a href='test.php' menu='menu2'>菜單1</a> <a href='test.php' menu='menu2'>菜單2</a> </td></tr></table> <div style='height:300;' menu='menu'></div> <img src='http://www.fzitv.net/images/logo.gif' menu='menu3'>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法分析
這篇文章主要介紹了微信小程序出現(xiàn)wx.getLocation再次授權(quán)問題的解決方法,結(jié)合實(shí)例形式分析了解決wx.getLocation再次授權(quán)問題的相關(guān)操作步驟,需要的朋友可以參考下
2019-01-01
JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解
這篇文章主要為大家介紹了JS中的提升機(jī)制變量提升函數(shù)提升實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
JS計(jì)算斐波拉切代碼實(shí)例
這篇文章主要介紹了js計(jì)算斐波拉切,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
jsp+javascript打造級連菜單的實(shí)例代碼
jsp+javascript打造級連菜單的實(shí)例代碼，需要的朋友可以參考一下
2013-06-06
javascript html5 canvas實(shí)現(xiàn)可拖動(dòng)省份的中國地圖
這篇文章主要介紹了javascript html5 canvas實(shí)現(xiàn)可拖動(dòng)省份的中國地圖的相關(guān)資料,需要的朋友可以參考下
2016-03-03
使用snowfall.jquery.js實(shí)現(xiàn)愛心滿屏飛的效果
這篇文章主要介紹了使用snowfall.jquery.js實(shí)現(xiàn)愛心滿屏飛的效果的相關(guān)資料,需要的朋友可以參考下
2017-01-01
JavaScript ES6的新特性使用新方法定義Class
這篇文章主要介紹了JavaScript ES6的新特性使用新方法定義Class 的相關(guān)資料,需要的朋友可以參考下
2016-06-06
JavaScript數(shù)組去重問題的深入研究
這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組去重問題的相關(guān)資料,一般都是在面試的時(shí)候才會(huì)碰到,一般是要求手寫數(shù)組去重方法的代碼,需要的朋友可以參考下
2021-10-10
利用JS實(shí)現(xiàn)文字的聚合動(dòng)畫效果
這篇文章主要給大家介紹了利用JS如何實(shí)現(xiàn)文字的聚合動(dòng)畫效果，實(shí)現(xiàn)的效果非常不錯(cuò)，類似粒子動(dòng)畫的效果，有需要的朋友可以參考借鑒，下面來一起看看吧。
2017-01-01
JavaScript中ES6字符串?dāng)U展方法
這篇文章主要介紹了JavaScript中ES6字符串?dāng)U展方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-08-08