| 編程（Programming）是編定程序的中文簡稱，就是讓計算機代碼解決某個問題，對某個計算體系規定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應結果的過程。為了使計算機能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機，使得計算機能夠根據人的指令一步一步去工作，完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 JS代碼實現左鍵彈出式菜單 【實例描述】 在默認的網頁中，使用右鍵可以彈出常用的操作菜單。本例學習使用左鍵彈出網站的導航菜單。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站（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事件中調用上面的方法，同時設置一個table，實現菜單效果。代碼如下所示：
</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">當前更新</a></td>
</tr>
<tr>
<td><a href="#" class="cc">聯系版主</a></td>
</tr>
</table>
</body>
</html>
【運行效果】
 【難點剖析】 本例利用了CSS中的隱藏特性。將一個設置好的表格先隱藏起來，當用戶單擊鼠標左鍵時，設置“display”屬性就可以實現表格的顯示。 【源碼下載】 如果你不愿復制代碼及提高代碼準確性，你可以點擊：左鍵彈出式菜單 進行本實例源碼下載
使用編程語言寫的程序，由于每條指令都對應計算機一個特定的基本動作，所以程序占用內存少、執行效率高。
| 
