JS基礎入門篇（十四）—運動

xumenger 發布于2019-08-29 15:30 / 1516人閱讀

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

1.思考：頁面上有一個寬高都為100px的盒子，如果想點擊此盒子，讓它的寬變成300px，應該怎么做？

思路一：選擇用js的點擊事件做，給盒子添加類名，并在類名中寫對應的css樣式。




    
    Title

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




    
    Title

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

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




    
    Title

云服務器 GPU云服務器 js零基礎入門視頻入門篇基礎篇之基礎篇

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113368.html

JS基礎入門篇（十四）—運動

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

dongxiawu 2019-08-22 17:34 評論0 收藏0
JS基礎入門篇（十四）—運動

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

tain335 2019-08-02 10:32 評論0 收藏0
JS基礎入門篇（二十四）—DOM（下）

摘要：到定位父級節點的距離返回值是一個對象，包含了元素盒模型的詳細信息可視大小取對象中詳細的屬性值相對于瀏覽器可視區域。移入移出效果移入當前數字，數字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節點的距離. Title div{ padding...

bladefury 2019-08-02 16:02 評論0 收藏0
JS基礎入門篇（二十四）—DOM（下）

摘要：到定位父級節點的距離返回值是一個對象，包含了元素盒模型的詳細信息可視大小取對象中詳細的屬性值相對于瀏覽器可視區域。移入移出效果移入當前數字，數字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節點的距離. Title div{ padding...

SmallBoyO 2019-08-29 15:43 評論0 收藏0
JS基礎入門篇（三十四）— 面向對象（一）

摘要：對象對象的定義對象是由鍵值對組成的無序集合。創建對象兩種方法方法一字面量方法方法二構造函數創建面向對象和面向過程的比較如果想要把大象放進冰箱。 1.對象對象的定義 : 對象是由鍵值對組成的無序集合。創建對象兩種方法 : 方法一 : 字面量方法 var obj = {name: k}; 方法二 : new Object( ) 構造函數創建 var a = n...

fantix 2019-08-22 18:19 評論0 收藏0