知识屋:更实用的电脑技术知识网站
所在位置:首页 > 编程技术 > HTML教程

网页特效:在任何位置显示html菜单

发布时间:2011-07-14 20:22:39作者:知识屋

把如下代码加入<body>区域中 :

 

以下是引用片段:
<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> 


 <!-- Start of Popup Menu  --> 

 <table id="itemopen" class='box'  style='display:none'>   
 <tr><td><a href='index.htm' class="cc" >弹出菜单</a></td></tr>    
 <tr><td><a href='time1.htm' class="cc" >本站首页</a></td></tr> 
 <tr><td><a href='time2.htm' class="cc">电脑技术吧</a></td></tr> 
 <tr><td><a href='time3.htm' class="cc" >Word技术</a></td></tr> 
 <tr><td><a href='ye1.htm' class="cc" >电脑技术网</a></td></tr> 
 <tr><td><a href='ye2.htm' class="cc" >html教程</a></td></tr> 
 <tr><td><a href='ye3.htm' class="cc" >ASP编程</a></td></tr> 
 <tr><td><a href='zh1.htm' class="cc" >更多连接</a></td></tr> 
 </table> 
<!-- End of Popup Menu  -->

 

本文来源:电脑技术吧[http://www.zhishiwu.com]
 
(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜