中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

如果你完全不懂，那么期望1-2周看完一遍拉倒....不用看的太仔細(xì)，后面再看到不懂的時(shí)候回頭去看這些東西好了

1. 前言和準(zhǔn)備工作

這里不會(huì)介紹什么軟件的用法一類(lèi)的東西。如果覺(jué)得手寫(xiě)代碼是在裝的人可以出去了，謝謝。

首先你要有臺(tái)電腦。然后它應(yīng)該裝著windows 和 IE。下面所談到的代碼都僅在IE6.0下調(diào)試通過(guò)，但是我會(huì)盡量用標(biāo)準(zhǔn)的寫(xiě)法。這里先不仔細(xì)介紹兼容性問(wèn)題了，那是另一個(gè)教程的事情。我習(xí)慣用記事本或者UltraEdit來(lái)編輯，實(shí)際上任何文本編輯器都可以，只要你喜歡。具體怎么用這些工具就不說(shuō)了，俺們加快速度。

2. 第一個(gè)例子

做什么好呢？俺們從最簡(jiǎn)單的開(kāi)始吧....給自己一個(gè)作個(gè)特效玩玩？...讓俺想想....做一個(gè)可以扔的方塊怎么樣？開(kāi)始做了...

2.1 方塊

運(yùn)行代碼框
<div style="width:140px; height:140px; background-color:orange; cursor:pointer;"></div>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

不要說(shuō)俺在敷衍啊，萬(wàn)事都有個(gè)非常簡(jiǎn)單的開(kāi)始，就像俺被俺前mm踹掉一樣...
ps： 細(xì)心的朋友也許會(huì)發(fā)現(xiàn)俺的 cursor 用的是 pointer 而不是 hand，這是因?yàn)閔and 屬性不符合標(biāo)準(zhǔn)。雖然俺只為IE寫(xiě)代碼，但是保持好的習(xí)慣是必要的。以后此類(lèi)問(wèn)題一律用 “(兼)”標(biāo)記。

2.2 可以拖動(dòng)的方塊

2.21 綁定鼠標(biāo)事件：按下，拖動(dòng)，釋放；獲取事件信息：位置，發(fā)生的元素

運(yùn)行代碼框
<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="divBlock" onmousedown="divBlock_event_mousedown();">I am a div.</div> <script> function divBlock_event_mousedown(){ document.onmousemove=document_event_mousemove; var I_do_not_care=document.attachEvent?document.attachEvent("onmouseup",document_event_mouseup):document.addEventListener("mouseup",document_event_mouseup,""); } function document_event_mousemove(e){ var e, obj; obj=document.getElementById("divBlock"); e=window.event?window.event:e; obj.firstChild.nodeValue=e.clientX+":"+e.clientY; } function document_event_mouseup(e){ document.onmousemove=""; var I_do_not_care=document.detachEvent?document.detachEvent("onmouseup",document_event_mouseup):document.removeEventListener("mouseup",document_event_mouseup,""); } </script>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

對(duì)于菜鳥(niǎo)來(lái)說(shuō)，這段代碼其實(shí)包含了很多的內(nèi)容。

出處：藍(lán)色理想
責(zé)任編輯：blue

上一頁(yè) 下一頁(yè) 網(wǎng)頁(yè)制作前臺(tái)之javascript [2]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論