欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法

 更新時間：2015年05月13日 10:01:00   投稿：shichen2014  
這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法,設計鼠標事件及css樣式操作的相關技巧,需要的朋友可以參考下

在網(wǎng)頁的任意處點擊左鍵就會彈出來，實際上是用JS控制DIV層的顯示，DIV層內(nèi)嵌套的是一個表格，表格里放菜單，這樣修改方便，不會CSS也沒關系，你可以把它復制下來，用DW打開重新修改一下菜單樣式，換成你自己喜歡的色彩

<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)站導航：</td>
 </tr>
<tr>
  <td><a href="/">AJAX實例</a></td>
 </tr>
 <tr>
  <td><a href="/jscss/">jQuery相關</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程序設計有所幫助。

相關文章

  • KnockoutJS 3.X API 第四章之數(shù)據(jù)控制流if綁定和ifnot綁定

    KnockoutJS 3.X API 第四章之數(shù)據(jù)控制流if綁定和ifnot綁定

    這篇文章主要介紹了KnockoutJS 3.X API 第四章之數(shù)據(jù)控制流if綁定和ifnot綁定的相關資料,需要的朋友可以參考下
    2016-10-10
  • 小程序實現(xiàn)分類頁

    小程序實現(xiàn)分類頁

    這篇文章主要為大家詳細介紹了小程序實現(xiàn)好看的分類頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-07-07
  • Js代碼中的span拼接問題解決

    Js代碼中的span拼接問題解決

    這篇文章主要介紹了Js代碼中的span拼接問題解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果示例

    JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果示例

    這篇文章主要介紹了JS+html5 canvas實現(xiàn)的簡單繪制折線圖效果,結合實例形式分析了js結合HTML5 canvas技術實現(xiàn)圖形繪制的數(shù)值運算與數(shù)組遍歷等操作技巧,需要的朋友可以參考下
    2017-03-03
  • web 屏蔽BackSpace鍵實例代碼

    web 屏蔽BackSpace鍵實例代碼

    在web端，輸入的時候，很容易在文本框消失焦點的時候，點擊退格鍵，頁面就回退了，下面是一種屏蔽頁面回退鍵的方法,一起看看吧
    2016-12-12
  • 使用impress.js制作幻燈片

    使用impress.js制作幻燈片

    impress.js是一款新興的幻燈工具，它的效果類似Prezi，但是擁有3D的功能，而且是在MIT&GPL協(xié)議下開源，對于有一定的Web開發(fā)基礎的人而言，真是一個福音，只需要簡單的用些html指令，并加載impress.js就可以制作出一個縮放式幻燈，朋友們感興趣吧，快來一起學習吧。
    2015-09-09
  • 解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題

    解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題

    今天小編就為大家分享一篇解決layui動態(tài)添加的元素click等事件觸發(fā)不了的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript （用setTimeout而非setInterval）

    javascript （用setTimeout而非setInterval）

    javascript （用setTimeout而非setInterval）如果用setInterval 可能出現(xiàn) 下次調用會在前一次調用前調用
    2011-12-12
  • 微信小程序自定義音樂進度條的實例代碼

    微信小程序自定義音樂進度條的實例代碼

    最近遇到這樣的需求：顯示音樂播放按鈕、可手動拖拽進度條；頁面中含多個音樂，播放當前音樂時暫停其他音樂播放。 這篇文章主要介紹了微信小程序自定義音樂進度條的實例代碼,需要的朋友可以參考下
    2018-08-08
  • HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)

    HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)

    這篇文章主要介紹了HTML+CSS+JavaScript做女朋友版的刮刮樂(一看就會)本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2021-08-08

最新評論