導航顯示層
來源:易賢網 閱讀:944 次 日期:2014-10-09 11:13:53
溫馨提示:易賢網小編為您整理了“導航顯示層”,方便廣大網友查閱!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>無標題文檔</title>

</head>

<script language="javascript">

<!--

function showdiv(id)

{

var obj=document.getElementById("Ainput").getElementsByTagName("a");

var objlength=obj.length;

for(i=1;i<objlength+1;i++)

{tempdiv="showdivD"+i;

if(i==id)

{document.getElementById("showdivD"+i).style.display="";}

else

{document.getElementById("showdivD"+i).style.display="none";}

}

}

-->

</script>

<body>

<div id="Ainput">

<a href="#" onmouseover="showdiv(1)">顯示層1</a>

<a href="#" onmouseover="showdiv(2)">顯示2</a>

<a href="#" onmouseover="showdiv(3)">顯示3</a>

<a href="#" onmouseover="showdiv(4)">顯示4</a>

<a href="#" onmouseover="showdiv(5)">顯示5</a>

<a href="#" onmouseover="showdiv(6)">顯示6</a>

<a href="#" onmouseover="showdiv(7)">顯示7</a>

<a href="#" onmouseover="showdiv(8)">顯示8</a>

<a href="#" onmouseover="showdiv(9)">顯示9</a>

</div>

<div id="showdivD1" style="display:;">1</div>

<div id="showdivD2" style="display:none;">2</div>

<div id="showdivD3" style="display:none;">3</div>

<div id="showdivD4" style="display:none;">4</div>

<div id="showdivD5" style="display:none;">5</div>

<div id="showdivD6" style="display:none;">6</div>

<div id="showdivD7" style="display:none;">7</div>

<div id="showdivD8" style="display:none;">8</div>

<div id="showdivD9" style="display:none;">9</div>

</body>

</html>

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
上一篇:獲得選中文本
易賢網手機網站地址:導航顯示層

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網