cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk melaksanakan pop timbul menu tersembunyi dengan mengklik kiri di mana-mana pada kemahiran javascript_halaman web

Kaedah JavaScript untuk melaksanakan pop timbul menu tersembunyi dengan mengklik kiri di mana-mana pada kemahiran javascript_halaman web

WBOY
WBOYasal
2016-05-16 15:59:321261semak imbas

Klik kiri di mana-mana pada halaman web dan pop timbul akan muncul Sebenarnya, JS digunakan untuk mengawal paparan lapisan DIV Terdapat jadual bersarang dalam lapisan DIV, dan menu diletakkan dalam jadual. Dengan cara ini, ia mudah untuk diubah suai dan tidak memerlukan CSS Tidak mengapa, anda boleh menyalinnya, membukanya dengan DW dan mengubah suai gaya menu kepada warna kegemaran anda

. 
<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">网站导航：</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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js melaksanakan kesan menatal atas dan bawah dengan kemahiran buttons_javascriptArtikel seterusnya：js melaksanakan kesan menatal atas dan bawah dengan kemahiran buttons_javascript

Artikel berkaitan

Lihat lagi