| 編程（Programming）是編定程序的中文簡稱，就是讓計算機代碼解決某個問題，對某個計算體系規定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應結果的過程。為了使計算機能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機，使得計算機能夠根據人的指令一步一步去工作，完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 JS代碼實現DIV層折疊效果 【實例描述】 折疊的div是網頁顯示內容的重要手段，因為使用折疊效果可以節省頁面的空間，同時也提高了頁面的美觀性。本例學習如何制作一個簡單的div折疊效果。 【實例代碼】 <script type="text/javascript">
var mh = 30; //最小高度
var step = 1; //每次變化的px量
var ms = 10; //每隔多久循環一次
//折疊速度的設置方法
function toggle(o){
if (!o.tid)o.tid = "_" + Math.random() * 100;
if (!window.toggler)window.toggler = {};
if (!window.toggler[o.tid]){
window.toggler[o.tid]={
obj:o,
maxHeight:o.offsetHeight,
minHeight:mh,
timer:null,
action:1
}; }
o.style.height = o.offsetHeight + "px";
if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);
window.toggler[o.tid].action *= -1;
window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms );//注意計時器的用法
}
//通過對象的最小高度和最大高度，判斷折疊是否停止
function anim(id){
var t = window.toggler[id];
var o = window.toggler[id].obj;
if (t.action < 0){
if (o.offsetHeight <= t.minHeight){
clearTimeout(t.timer);
return;
}
}
else{
if (o.offsetHeight >= t.maxHeight){
clearTimeout(t.timer);
return;
}
}
o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
window.toggler[id].timer = setTimeout("anim('"+id+"')",ms );
}
</script>
【運行效果】 
div 折疊效果 
div 展開效果 【難點剖析】 本例的重點是對象的創建，如“toggler”就是自己創建的一個對象，其包含obj、maxHeight等屬性．可以在腳本方法中調用這些屬性，此實現類似于面向對象的設計方法。 【源碼下載】 下載本實例源碼
使用編程語言寫的程序，由于每條指令都對應計算機一個特定的基本動作，所以程序占用內存少、執行效率高。
| 
