<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隱藏菜單</title>
<style type="text/css">
body {
 font: 9pt;
}
.box {
 font: 9pt "宋體";
 position: absolute;
 background: skyblue;
}
</style>
</head>
<body>
<table cellpadding="5" id="itemopen" class="box" style="display:none">
 <tr>
  <td bgcolor="#0066cc">網(wǎng)站導(dǎo)航：</td>
 </tr>
<tr>
  <td><a href="/">AJAX實例</a></td>
 </tr>
 <tr>
  <td><a href="/jscss/">jQuery相關(guān)</a></td>
 </tr>
 <tr>
  <td><a href="/jscss/">ExtJS演示</a></td>
 </tr>
</table>
</center>
</div>
<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>
<body>
<p align="center"><font size="3">點擊左鍵看看？</p>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流if綁定和ifnot綁定
這篇文章主要介紹了KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流if綁定和ifnot綁定的相關(guān)資料,需要的朋友可以參考下
2016-10-10
小程序?qū)崿F(xiàn)分類頁
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)好看的分類頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
Js代碼中的span拼接問題解決
這篇文章主要介紹了Js代碼中的span拼接問題解決,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-11-11
JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果示例
這篇文章主要介紹了JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果,結(jié)合實例形式分析了js結(jié)合HTML5 canvas技術(shù)實現(xiàn)圖形繪制的數(shù)值運算與數(shù)組遍歷等操作技巧,需要的朋友可以參考下
2017-03-03
web 屏蔽BackSpace鍵實例代碼
在web端，輸入的時候，很容易在文本框消失焦點的時候，點擊退格鍵，頁面就回退了，下面是一種屏蔽頁面回退鍵的方法,一起看看吧
2016-12-12
使用impress.js制作幻燈片
impress.js是一款新興的幻燈工具，它的效果類似Prezi，但是擁有3D的功能，而且是在MIT&GPL協(xié)議下開源，對于有一定的Web開發(fā)基礎(chǔ)的人而言，真是一個福音，只需要簡單的用些html指令，并加載impress.js就可以制作出一個縮放式幻燈，朋友們感興趣吧，快來一起學(xué)習(xí)吧。
2015-09-09
解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題
今天小編就為大家分享一篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
javascript （用setTimeout而非setInterval）
javascript （用setTimeout而非setInterval）如果用setInterval 可能出現(xiàn) 下次調(diào)用會在前一次調(diào)用前調(diào)用
2011-12-12
微信小程序自定義音樂進度條的實例代碼
最近遇到這樣的需求：顯示音樂播放按鈕、可手動拖拽進度條；頁面中含多個音樂，播放當(dāng)前音樂時暫停其他音樂播放。這篇文章主要介紹了微信小程序自定義音樂進度條的實例代碼,需要的朋友可以參考下
2018-08-08
HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)
這篇文章主要介紹了HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-08-08