編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 仿Flash菜單 【實例描述】 用JavaScript可以很輕松地構建菜單。本例學習制作一個具有Flash效果的菜單。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>無標題頁-本站(www.xue51.com)</title>
<script language=javascript>
// 綁定菜單的事件
function attachXMenu(objid)
{
var tds=objid.getElementsByTagName('td');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='#66CCFF';
//鼠標移上去時的背景顏色
style.border='1px solid #ffffff';
//邊框
style.color='black';
//文字顏色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='#336699';
//這是鼠標離開時的背景顏色
style.border='1px solid #336699';
//邊框
style.color='#ffffff';
//文字顏色
filters[0].play();
}
}
}
}
}
</script> 需要添加菜單的樣式表,代碼如下所示: <style>
.xmenu td{font-size:12px;font-family:
verdana,arial;font-weight:bolder;color:#ffffff;
border:1px solid #336699;background:#336699;
filter:blendtrans(duration=0.5);
cursor:hand;text-align:center;}
</style> 需要在body中添加一個表格,用來制作菜單,代碼如下所示:
</head>
<body>
<table class="xmenu" id="xmenu1" width="100"
cellpadding="1" cellspacing="4" border="0"
bgcolor="#336699" align="center">
<tr><td>Name</td></tr>
<tr><td>Age</td></tr>
<tr><td>Address</td></tr>
<tr><td>City</td></tr>
<tr><td>Grade</td></tr>
<tr><td>Teacher</td></tr>
</table>
<script>attachXMenu(xmenu1);</script>
</body>
</html>
【運行效果】  【難點剖析】 本例中有樣式變換和動態事件兩個重點。為了突出flash效果.當鼠標移動到菜單上時,菜單的樣式需要發生變化,這歸功于樣式表和“attachxMenu” 方法。 在 “attachXMenu” 中, 使用“onmouseover=function()”語句為菜單添加了動態事件。 【源碼下載】 為了JS代碼的準確性,請點擊:仿Flash菜單 進行本實例源碼下載
使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。 |