| 編程（Programming）是編定程序的中文簡稱，就是讓計算機(jī)代碼解決某個問題，對某個計算體系規(guī)定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應(yīng)結(jié)果的過程。為了使計算機(jī)能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計算機(jī)能夠理解的形式告訴計算機(jī)，使得計算機(jī)能夠根據(jù)人的指令一步一步去工作，完成某種特定的任務(wù)。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 JS代碼實現(xiàn)左鍵彈出式菜單 【實例描述】 在默認(rèn)的網(wǎng)頁中，使用右鍵可以彈出常用的操作菜單。本例學(xué)習(xí)使用左鍵彈出網(wǎng)站的導(dǎo)航菜單。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-本站（www.xue51.com）</title>
<style type="text/css">
a.{ font: 9pt "宋體"; cursor: hand; font-size: 9pt ;
color: #ffffff; text-decoration: none }
a:active{ font: 9pt "宋體"; cursor: hand; color: #FF0033 }
a.cc:hover{ font: 9pt "宋體"; cursor: hand; color: #FF0033}
.box{ font: 10pt "宋體"; position: absolute;
background: #ccbbcc }
</style>
<script language="JavaScript">
function popUp()
{
newX = window.event.x + document.body.scrollLeft;
newY = window.event.y + document.body.scrollTop;
menu = document.all.menutable;
if ( menu.style.display == "")
{
menu.style.display = "none" }
else {
menu.style.display = "";}
menu.style.pixelLeft = newX - 50;
menu.style.pixelTop = newY - 50;
}
</script> 需要在body的onclick事件中調(diào)用上面的方法，同時設(shè)置一個table，實現(xiàn)菜單效果。代碼如下所示：
</head>
<body onclick = popUp()>
<table id="menutable" class="box"
style="display:none;width=120">
<tr>
<td>彈出菜單</td>
</tr>
<tr>
<td><a href="#" class="cc">本站搜索</a></td>
</tr>
<tr>
<td><a href="#" class="cc">本站幫助</a></td>
</tr>
<tr>
<td><a href="#" class="cc">當(dāng)前更新</a></td>
</tr>
<tr>
<td><a href="#" class="cc">聯(lián)系版主</a></td>
</tr>
</table>
</body>
</html>
【運行效果】
 【難點剖析】 本例利用了CSS中的隱藏特性。將一個設(shè)置好的表格先隱藏起來，當(dāng)用戶單擊鼠標(biāo)左鍵時，設(shè)置“display”屬性就可以實現(xiàn)表格的顯示。 【源碼下載】 如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點擊：左鍵彈出式菜單 進(jìn)行本實例源碼下載
使用編程語言寫的程序，由于每條指令都對應(yīng)計算機(jī)一個特定的基本動作，所以程序占用內(nèi)存少、執(zhí)行效率高。
| 
