国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

網頁緩沖效果特效代碼

2024-07-11 09:04:40
字體:
來源:轉載
供稿:網友

武林網(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
}

//slow to fast 由慢到快
//聲明一個函數s_f()
function s_f(){
    var obj=document.getElementById("box2");   
    var e_add=1;//初始化遞增量
    obj.style.display="block";
    obj.style.width="1px";
    var changeW=function(){//我理解的是創建一個函數直接量并把它存進變量changeW里
        var obj_w;e_add
        obj_w=parseInt(obj.style.width);
        e_add*=1.05;//以后每次遞增的值都是
        if(obj_w<600){
            obj.style.width=(obj_w+e_add)+"px";//隨著寬度的變長,遞增量越來越大
        }
        else{
        clearInterval(bw);
        obj.style.width="600px";//因為(obj_w+e_add)這種計算方法會超出預定義的寬度,所以這里在緩沖完以后重新設置它的寬度.造成一種假象哈哈
        }   
    }       
    var bw=window.setInterval(changeW,1)
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 海阳市| 巨野县| 芜湖市| 和平区| 永春县| 九寨沟县| 仙桃市| 惠安县| 逊克县| 霞浦县| 平罗县| 郁南县| 边坝县| 大庆市| 巍山| 赣榆县| 孟津县| 诏安县| 皮山县| 阳高县| 平南县| 寿宁县| 庆安县| 乌审旗| 呼伦贝尔市| 宜兰市| 上饶市| 内黄县| 阳信县| 石门县| 阳城县| 五华县| 普兰店市| 平安县| 徐州市| 兴山县| 桐柏县| 遵化市| 文安县| 札达县| 六安市|