⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 d0005.htm

📁 JavaScript源代码全集
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<!--Saved  from《天索星网》http://www.tasoo.2000c.net,E-mail:tasoo_cn@yahoo.com.cn-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#000000}
     A:visited {text-decoration: none; color: #000000}
     A:active {text-decoration: none; color: #FF0000}
     A:hover {text-decoration: underline; color: FF0000}
     body{font-size=9pt}
	    TH{FONT-SIZE: 9pt}
       TD{ FONT-SIZE: 9pt}-->
</style>
<style>.iewrap1 {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; HEIGHT: 30px; POSITION:relative 
}
.iewrap2 {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; POSITION: absolute
#dropmenu0 {
	Z-INDEX: 100
}
#dropmenu1 {
	Z-INDEX: 100
}
#dropmenu0 {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
#dropmenu1 {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
.myfont {
	FONT-FAMILY: "宋体"; FONT-SIZE: 9pt
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>《网络教程》之Javascript--页面下拉式导航菜单</title>
</head>

<body topmargin="0" leftmargin="0">
<div align="center"><center>

<table border="0" width="90%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" colspan="3" height="62"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td width="250"><img src="../photo/jx.gif" border="0" WIDTH="200" HEIGHT="80"></td>
        <td width="468" height="60" align="center"></td>
      </tr>
    </table>
    </center></div></td>
  </tr>
  <tr>
    <td width="20%" bgcolor="#C8C882" valign="middle" align="center" height="22"></td>
    <td width="80%" bgcolor="#C8C882" valign="middle" align="center" colspan="2" height="22"><strong><span style="font-size: 10pt; font-family: Arial">javascript导航类</span></strong></td>
  </tr>
  <tr>
    <td width="20%" valign="top" align="left"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">时间类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">文字类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">导航类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">鼠标类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">按钮类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">跑马灯</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm"><font face="Arial"><strong>COOKIE</strong></font>类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="30" bgcolor="#C8C882"><span style="font-size: 9pt"><a href="index.htm">其他类</a></span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="10" bgcolor="#505028"></td>
      </tr>
    </table>
    </center></div></td>
    <td width="80%" valign="top" align="left" colspan="2" height="242"><div align="center"><center><table border="0" width="100%" cellspacing="0" cellpadding="0">
      <tr>
        <td width="100%" bgcolor="#EBEBEB" valign="middle" align="center" height="18" colspan="3"><span style="font-size: 9pt">页面下拉式导航菜单</span></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="2" colspan="3"></td>
      </tr>
      <tr>
        <td width="100%" valign="middle" align="center" height="1" colspan="3" bgcolor="#000080"></td>
      </tr>
      <tr>
        <td width="16%" valign="middle" align="center" height="22"></td>
        <td width="67%" valign="middle" align="center" height="22"><script language="JavaScript1.2">
//菜单1的内容
var menu1=new Array()
menu1[0]='<a href=zmulu.htm>回到首页</a><br>'
menu1[1]='<a href=../../index.html>最新更新</a><br>'
menu1[2]='<a href=../../download/index.htm>下载中心</a><br>'
menu1[3]='<a href=../../../所链接的页面名称.htm>特色栏目</a><br>'
//菜单2的内容
var menu2=new Array()
menu2[0]='<a href=http://abc.yesite.com/cgi-bin/abc.cgi?owner=tasoo>星网留言</a><br>'
menu2[1]='<a href=mailto:tasoo@263.net>E-mail</a><br>'

</script> <script language="JavaScript1.2">
//以下不要改
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu

//以上不要改
</script> <!----------菜单1开始----------> <ilayer height="35px"> <layer visibility="show"> <span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face="宋体"><a href="http://www.tasoo.2000c.net" onclick="if(document.layers) return dropit(event, 'document.dropmenu0')"><p>星网导航</a></font> 
        </span></span></layer></ilayer><br>
<!----------菜单1结束----------><!----------菜单2开始----------><ilayer height="35px"><layer visibility="show">        <span class="iewrap1"><span class="iewrap2" onclick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face="宋体"><a href="http://www.tasoo.2000c.net" onclick="if(document.layers) return dropit(event, 'document.dropmenu1')">联络方式</a></font> 
        </span></span></layer></ilayer><br>
<!----------菜单2结束---------->        </p>
        <div id="dropmenu0" style="BACKGROUND-COLOR: #cdecf5; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 100px; layer-background-color: #CDECF5"><script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div><div id="dropmenu1" style="BACKGROUND-COLOR: #cdecf5; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 80px; layer-background-color: #CDECF5"><script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -