2009年2月27日

移動的區塊

這個練習是要將兩個子區塊不停的移動,但是不會超出父區塊的範圍。這個練習用到以下特徵與方法。

  1. DIV:用來定義父區塊與子區塊,子區塊中可以放文字或圖片。
  2. position:可以定義區塊佈局的方式。父區塊必須設成 relative,子區塊則設成 absolute。
  3. getElementById():利用識別名取得元素的物件。
  4. getElementsByTagName():利用標籤名取得元素物件的清單。使用時要注意 IE 沒有 getElementsByClassName() 這個方法。
  5. style 物件:元素的風格物件,利用此物件讀取或設定子區塊的 top, left 就能移動子區塊。
  6. clientHeight, clientWidth:取得父區塊的寬與高。
  7. setTimeout():設定變化的時間間隔。
  8. setBall():此函式會設定 ball 類別區塊的開始位置。
  9. moveBall():此函式會移動 ball 類別區塊。

©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。