左鍵彈出式菜單
來源:易賢網 閱讀:1173 次 日期:2014-09-09 14:48:37
溫馨提示:易賢網小編為您整理了“左鍵彈出式菜單”,方便廣大網友查閱!

1、將以下代碼加入HEML的<head></head>之間:

<style type="text/css">

body{font: 9pt "宋體"; margintop: 0px ; color: #ffffff; background: #000000}

a.{ font: 9pt "宋體"; cursor: hand; font-size: 9pt ; color: #ffffff; text-decoration: none }

a:active{ font: 9pt "宋體"; cursor: hand; color: #FF0033 }

a.cc:hover{ font: 9pt "宋體"; cursor: hand; color: #FF0033}

.box{ font: 9pt "宋體"; position: absolute; background: #000000 }

</style>

====2、將以下代碼加入到HEML的<body></body>之間:

<table id="itemopen" class="box" style="display:none">

<tr>

<td>彈出菜單</td>

</tr>

<tr>

<td><a href="../../../index.html" class="cc">本站首頁</a></td>

</tr>

<tr>

<td><a href="../../navigation/newscript.htm" class="cc">最新更新</a></td>

</tr>

<tr>

<td><a href="../../navigation/applet/appletindex.htm" class="cc">夢想軟件</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">桌面壁紙</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">更多連接</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">更多連接</a></td>

</tr>

<tr>

<td><a href="www.froasp.cn" class="cc">更多連接</a></td>

</tr>

</table>

</center></div><!-- End of Popup Menu -->

<script language="JavaScript">

document.onclick = popUp

function popUp() {

newX = window.event.x + document.body.scrollLeft

newY = window.event.y + document.body.scrollTop

menu = document.all.itemopen

if ( menu.style.display == ""){

menu.style.display = "none" }

else {

menu.style.display = ""}

menu.style.pixelLeft = newX - 50

menu.style.pixelTop = newY - 50

}

</script>

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
上一篇:可移動的圖層
易賢網手機網站地址:左鍵彈出式菜單

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網