狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

如果你完全不懂，那么期望1-2周看完一遍拉倒....不用看的太仔細，后面再看到不懂的時候回頭去看這些東西好了 [B]1. 前言和準備工作[/B] 這里不會介紹什么軟件的用法一類的東西。如果覺得手寫代碼是在裝的人可以出去了，謝謝。 首先你要有臺電腦。然后它應該裝著windows 和 IE。下面所談到的代碼都僅在IE6.0下調試通過，但是我會盡量用標準的寫法。這里先不仔細介紹兼容性問題了，那是另一個教程的事情。我習慣用記事本或者UltraEdit來編輯，實際上任何文本編輯器都可以，只要你喜歡。具體怎么用這些工具就不說了，俺們加快速度。 [B]2. 第一個例子[/B] 做什么好呢？俺們從最簡單的開始吧....給自己一個作個特效玩玩？...讓俺想想....做一個可以扔的方塊怎么樣？開始做了... [B]2.1 方塊[/B] [code][/code] 不要說俺在敷衍啊，萬事都有個非常簡單的開始，就像俺被俺前mm踹掉一樣... ps： 細心的朋友也許會發現俺的 cursor 用的是 pointer 而不是 hand，這是因為hand 屬性不符合標準。雖然俺只為IE寫代碼，但是保持好的習慣是必要的。以后此類問題一律用 “(兼)”標記。 [B]2.2 可以拖動的方塊 2.21 綁定鼠標事件：按下，拖動，釋放；獲取事件信息：位置，發生的元素[/B] [code] [/code] 對于菜鳥來說，這段代碼其實包含了很多的內容。 ⑴ 變量的命名 這是個非常重要的東西，我不得不把這段話編號為 2.210 就是為了提醒剛入門的菜鳥 － 用一個自己能明白的名字去命名你的變量。如果你要以此為生，最好也要讓你的變量名能被別人看懂。 ⑵ 綁定事件 － 回字的四種寫法 a) 直接在HTML元素標記中寫入： onmousedown="divBlock_event_mousedown();" b) 將事件函數的句柄賦值給相應的事件：document.onmousemove=document_event_mousemove; （注意賦值的函數名后面并沒有括號） c) 使用 attachEvent 方法（對于FF類的瀏覽器來說是 addEventListener） ps：解除事件的綁定也有相應方式，就不羅嗦了 ⑶ 不要被那個 I_do_not_care=... 什么的迷惑，那個是三元表達式，如果你有認真學習 JS語法的話。那樣寫的目的是兼容。 ⑷ 在函數體的最前面就聲明需要用到的變量是個好習慣，它可以避免你犯很多莫名其妙的錯誤 － 比如遞歸的死循環之類的。當然，如果你壓根不喜歡這個變量（就像俺那個 I_do_not_care 一樣），那么就隨它去吧。 ⑸ e=window.event?window.event:e; 也是為了兼容。其實這句只是獲得 event 對象而已。用 e.clientX 而不用 e.x 也是兼容問題。obj.firstChild.nodeValue 而不是 obj.innerText 同理。而不是 也是同理。 － 兼容真是個tnnd 問題。 ⑹ 如果你發現自己還是有些糊涂，回去復習 0.1 和 0.2 節中提到的事件部分 [B]2.22 拖動方塊[/B] [code] [/code] ⑴ 編程是件腦力活動，呵呵。首先要先琢磨出來，拖動意味著什么。其實拖動就是判斷鼠標位置，然后改變你需要拖動的元素的坐標而已。那么分成兩步：判斷鼠標位置，改變元素的坐標。這個看起來也不難。前一點 2.21 剛討論過。后一點，如果你對 JS 操作 CSS 有所了解的話也是輕而易舉（不明白的回頭去看0.3節）。 ⑵ 現在俺詳細描述下這個過程： a) 鼠標按下時，判斷鼠標的位置。將鼠標坐標和元素坐標的差存在元素的 startX 和 startY 兩個自定義的屬性里。綁定鼠標移動事件。 b) 鼠標移動時，判斷鼠標的位置。將鼠標坐標和 startX / startY 的差值作為新的元素坐標。（你問我為啥這樣算？帥哥請回去重修高中數學，呵呵） c) 鼠標按鍵抬起，清除鼠標移動事件的相應。（不然你放開了鼠標方塊還是跟著你跑） ⑶ 為啥用 document 的事件綁定而不是把事件綁定在 div上面？問的好（你不會沒想到這個問題吧？...）如果你試著將事件綁定在div上，你會發現隨著鼠標的快速移動，很容易把div給甩掉（不理解的同學請自己去動動手）。具體的為什么不多說了，點到即止，希望菜鳥多多思考。 ⑷ 不定義 position="absolute" 的話，left 和 top 是無效的 － 方塊不會動的說 [B]2.3 可以移動的方塊[/B] [B]2.31 物理模型和面向對象[/B] [code] [/code] ⑴ 這個模型很簡單： 物體的屬性：速度（包含 x 分量和 y 分量，這里設置為一個0-5的隨機數） 物體的方法：運動 環境屬性：運動阻尼 f, 和窗口邊緣碰撞彈性系數 k, 重力加速度 g ⑵ 注意 obj.move 那個方法（函數）的寫法 [B]2.32 讓方塊動起來[/B] [code] [/code] 代碼開始變難了啊，呵呵。請仔細閱讀注釋。 ⑴ 說到底只不過是個物理過程的算法表達而已。其中移動的實現和前面 2.22 節的拖動是類似的。 ⑵ 注意感覺這里代碼中 this 的使用。我在 Obj.move 中使用 this 的時候，this指的就是 Obj ⑶ 注意我把 Obj 放在了函數外面。這時候它就是一個全局變量。這是為了后面使用 setInterval 而準備的。很多菜鳥在用定時器的時候常常發現“找不到對象”的錯誤，請注意一下變量的定義域問題。 ⑷ 菜鳥注意學習內置對象 Math 的方法 [B]2.33 讓方塊停下來[/B] [code] [/code] 在方塊上按下鼠標，它會停下來，彈起鼠標，它就繼續跑了，呵呵。 ⑴ 沒人注意到 2.211 綁定事件 － 回字的四種寫法只舉出了三種綁定事件的方法嗎？呵呵，這里是第四種： obj.onmousedown=function(){ this.stop(); } ⑵ 我把 setInterval 改成了 setTimeout, 并且將定時器的句柄保存在了 obj 的屬性里。這種使用定時器的做法是值得菜鳥借鑒的。 [B]2.4 大結局 － 可以拋出的方塊[/B] [code] [/code] 用鼠標按住方塊，然后移動鼠標，同時松開鼠標，看看效果吧，呵呵 這個例子算結束了，哈哈。不作講解了，各位自己看吧。