編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 JS代碼實現目錄樣式的下拉菜單 【實例描述】 目錄樣式的下拉菜單一般用于網站導航,就是以目錄的形式列出本站的主要內容,當鼠標移動到菜單時,通過下拉形式展現更多的詳細內容。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站(www.xue51.com)</title>
<SCRIPT language=javascript>
function out()
{
//判斷鼠標是否移動到當前菜單或菜單中的項-第一個菜單的判斷
if(window.event.toElement.id!="menuOne" &&
window.event.toElement.id!="link")
menuOne.style.visibility="hidden";
//如果不是,則隱藏菜單
}
function out1()
{
//判斷鼠標是否移動到當前菜單或菜單中的項-第二個菜單的判斷
if(window.event.toElement.id!="menuTwo" &&
window.event.toElement.id!="linkTwo")
menuTwo.style.visibility="hidden";
//如果不是,則隱藏菜單
}
</SCRIPT>
</head>
<body>
<div id="back" onmouseout="out()"
style="position:absolute;top:180;left:310;
width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar"
onmouseover="menuOne.style.visibility='visible'">
<font color=red size=2>本站導航</span>
<div border=1 id="menuOne"
style="position:absolute;top:15;left:0;width:70;
height:10;z-index:2;visibility:hidden;">
<a id="link" href="#">軟件下載</a>
<a id="A1" href="#">工具下載</a>
<a id="A2" href="#">書籍介紹</a>
<a id="A3" href="#">代碼題庫</a>
<a id="A4" href="#">先進技術</a>
<a id="A5" href="#">技術人物</a>
</div>
</div>
<div id="Div1" onmouseout="out1()"
style="position:absolute;top:181px;left:399px;
width:160;height:40;z-index:3;visibility:visible;">
<span id="Span1"
onmouseover="menuTwo.style.visibility='visible'">
<font color=red size=2>服務導航</span>
<div border=1 id="menuTwo"
style="position:absolute;top:15;left:0;width:70;
height:10;z-index:4;visibility:hidden;">
<a id="linkTwo" href="#">軟件下載</a>
<a id="A7" href="#">工具下載</a>
<a id="A8" href="#">書籍介紹</a>
<a id="A9" href="#">代碼題庫</a>
<a id="A10" href="#">先進技術</a>
<a id="A11" href="#">技術人物</a>
</div>
</div>
</body>
</html>
【運行效果】  【難點剖析】 本例的重點是鼠標的兩個事件“onmouseover”和“onmouseout”當鼠標移動到菜單時,首先判斷菜單的id,如果鼠標的確是指向菜單,則設置菜單為可見;如果不是,則設置菜單為不可見.這里用了菜單的“visibiLity”屬性。 【源碼下載】 如果你不愿復制代碼及提高代碼準確性,你可以點擊:目錄樣式的下拉菜單 進行本實例源碼下載
使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。 |