成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇(十四)—運(yùn)動

tain335 / 2082人閱讀

摘要:直到盒子的寬度大于或著等于。將思路二封裝成函數(shù),使的每個元素都可以使用。例如還改變盒子的高度值,可以改變傳入的參數(shù)值。頁面中哪個元素元素的哪個屬性每個周期改變多少元素的目標(biāo)值有時候需要在規(guī)定時間完成寬的變大或者變小。

1.思考:頁面上有一個寬高都為100px的盒子,如果想點(diǎn)擊此盒子,讓它的寬變成300px,應(yīng)該怎么做 ?

思路一:選擇用js的點(diǎn)擊事件做,給盒子添加類名,并在類名中寫對應(yīng)的css樣式。




    
    Title
    


    

思路二:使用定時器做,讓盒子的寬度每20毫秒加5px。直到盒子的寬度大于或著等于300px。




    
    Title
    


    

將思路二封裝成函數(shù),使的每個元素都可以使用。例如還改變盒子的高度值,可以改變傳入的參數(shù)值。

2.有時候需要在規(guī)定時間完成寬的變大或者變小。
例如需要在2秒完成,盒子從寬100px到0




    
    Title
    


文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/52415.html

相關(guān)文章

  • JS基礎(chǔ)入門十四)—運(yùn)動

    摘要:直到盒子的寬度大于或著等于。將思路二封裝成函數(shù),使的每個元素都可以使用。例如還改變盒子的高度值,可以改變傳入的參數(shù)值。頁面中哪個元素元素的哪個屬性每個周期改變多少元素的目標(biāo)值有時候需要在規(guī)定時間完成寬的變大或者變小。 1.思考:頁面上有一個寬高都為100px的盒子,如果想點(diǎn)擊此盒子,讓它的寬變成300px,應(yīng)該怎么做 ? 思路一:選擇用js的點(diǎn)擊事件做,給盒子添加類名,并在類名中寫對應(yīng)...

    xumenger 評論0 收藏0
  • JS基礎(chǔ)入門十四)—運(yùn)動

    摘要:直到盒子的寬度大于或著等于。將思路二封裝成函數(shù),使的每個元素都可以使用。例如還改變盒子的高度值,可以改變傳入的參數(shù)值。頁面中哪個元素元素的哪個屬性每個周期改變多少元素的目標(biāo)值有時候需要在規(guī)定時間完成寬的變大或者變小。 1.思考:頁面上有一個寬高都為100px的盒子,如果想點(diǎn)擊此盒子,讓它的寬變成300px,應(yīng)該怎么做 ? 思路一:選擇用js的點(diǎn)擊事件做,給盒子添加類名,并在類名中寫對應(yīng)...

    dongxiawu 評論0 收藏0
  • JS基礎(chǔ)入門(二十四)—DOM(下)

    摘要:到定位父級節(jié)點(diǎn)的距離返回值是一個對象,包含了元素盒模型的詳細(xì)信息可視大小取對象中詳細(xì)的屬性值相對于瀏覽器可視區(qū)域。移入移出效果移入當(dāng)前數(shù)字,數(shù)字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節(jié)點(diǎn)的距離. Title div{ padding...

    bladefury 評論0 收藏0
  • JS基礎(chǔ)入門(二十四)—DOM(下)

    摘要:到定位父級節(jié)點(diǎn)的距離返回值是一個對象,包含了元素盒模型的詳細(xì)信息可視大小取對象中詳細(xì)的屬性值相對于瀏覽器可視區(qū)域。移入移出效果移入當(dāng)前數(shù)字,數(shù)字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節(jié)點(diǎn)的距離. Title div{ padding...

    SmallBoyO 評論0 收藏0
  • JS基礎(chǔ)入門(三十四)— 面向?qū)ο螅ㄒ唬?/b>

    摘要:對象對象的定義對象是由鍵值對組成的無序集合。創(chuàng)建對象兩種方法方法一字面量方法方法二構(gòu)造函數(shù)創(chuàng)建面向?qū)ο蠛兔嫦蜻^程的比較如果想要把大象放進(jìn)冰箱。 1.對象 對象的定義 : 對象 是 由 鍵值對 組成的無序集合。 創(chuàng)建對象兩種方法 : 方法一 : 字面量方法 var obj = {name: k}; 方法二 : new Object( ) 構(gòu)造函數(shù)創(chuàng)建 var a = n...

    fantix 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<