武林網(www.survivalescaperooms.com)文章簡介：首先我要說的是,我是菜鳥,這些文章是獻給和我一樣想要學習的菜鳥們.論壇里有幾位朋友發過緩沖效果,但是象我這種菜鳥看他們的代碼實在是一種痛苦,因為不是一個層次的.

運行代碼框

[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]

關鍵代碼請看這兩個就可以了

function f_s(){
    var obj=document.getElementById("box");//獲取ID為box的對象
    obj.style.display="block";//設置對象obj為顯示
    obj.style.width="1px";    //設置對象obj的寬度為1px
    var changeW=function(){ //(關于函數這一點，什么閉包，什么類、原型的，弄的我頭大了，以后慢慢理解吧。這里我理解的是創建一個函數直接量并把它存進變量changeW里)
        var obj_w=parseInt(obj.style.width);//把對象的寬度轉換為一個數值，并存入變量obj_w中；
        if(obj_w<600){ //判斷，如果寬度數值小于600
            obj.style.width=(obj_w+Math.ceil((600-obj_w)/15))+"px";//計算對象的寬度。。。隨著寬度的變長，遞增量越來越小
        }
        else{
        clearInterval(bw);//如果大于等于600的話，不再執行setInterval,意思就是這個時候停止增加寬度了。
        }
    }   
    var bw=window.setInterval(changeW,1)//每0.001秒調用一次changeW
}