這裡面做了一個JavaScript的求愛小特效，效果如下： 不僅能出現下面的圖的效果，還可以讓這個圖形跟著鼠標轉動哦，這裡面只是一個簡單的沒有修飾的小例子，基於這個例子可以讓求愛，更好玩了。悶騷男們，是不是可以給你的小蘿莉發個這樣的網頁啊。給力的。 貼上code吧： 複製程式碼 代碼如下: Insert title here <BR>body{ <BR>border:1px red solid; <BR>width:1000px; <BR>height:1000px; <BR>margin：0px autouto <BR>; ; <BR>color:green; <BR>} <BR>/* <BR>將物件從文檔流中拖出，使用left ， right ， top ， bottom 等屬性相對於<BR>其最接近的一個最有定位設定的父物件進行絕對定位。如果不存在這樣的父對象，則 <BR>依據 body 對象。而其層疊透過z-index 屬性定義<BR>*/ <BR>div{ <BR>position:absolute; <BR>} <BR> <BR>//為什麼要用onload，因為當我在javascript程式碼中初始化時脈的div時，偵錯頁面發現沒有實作<BR>//後來發現原因，html的程式碼是從前往後解析的。先解析到JavaScript程式碼的時候，先向body <BR>//新增子節點的時候，找不到還未解析的body。所以應該先解析body的啦。方法有兩種，一種是下 <BR>//的寫法，另一種也可以是在body標籤中加入onload方法。 <BR>window.onload=function(){ <BR>init(); <BR>}; <BR>//定義一個div數組，來儲存12個div <BR>//因為12個div位置上的關係，所以先確定圓點和半徑，以便計算div的位置<BR>var divs=[]; <BR>var loveBaby=["我","愛","你","！","寶","貝","你","愛","我","嗎","勉","勉"] <BR>var CX=300; <BR>var CY=300;//-- --------------------網頁中的位置座標沒有單位嗎？ <BR>var R=150; <BR>var divCenterNode;//中心點的位置要控制，設定全域變數<BR>//定義一個初始化的函數<BR>function init(){ <BR>//建立一個中心點位置的div(可以寫上求愛物件哦) <BR>divCenterNode=document.createElement("div"); <BR>divCenterNode.innerHTML="婷婷，嫁給我吧！"; <BR> document.body.appendChild(divCenterNode); <BR>divCenterNode.style.left=(CX-50) "px"; <BR>/divCenterNode.style.top=(CY-30) "px"; <BR>///建立12個div組成一個禁止的時鐘，放在body中<BR>for(var x=1;x<=12;x ){ <BR>//建立div <BR>var divNode=document.createElement(" div"); <BR>divNode.innerHTML=loveBaby[x-1]; <BR>//body物件不需要和它物件一樣去獲取，js庫中已經封裝好了。 <BR>document.body.appendChild(divNode); <BR>divs.push(divNode); <BR>} <BR>//每次啟動startClock()對div元素進行重新定位<BR>/* <BR>實際上要想達到旋轉的效果，需要不斷的進行偏移，或者說<BR>進行重新定位，但是作循環，不能控制間隔多久啟動函數，那麼<BR>這時候window對象提供了方法。 <BR>*/ <BR>startClock(); <BR><BR>} <br>//div的偏移量<br>var offset=0;//度偏移量<BR>//將位置的定位和轉動單獨定義一個函數<BR>function startClock(){ <BR>for(var x=1;x<=12;x ){ <BR>var div = divs[x-1]; <BR> //每一個數字的度數<BR>var dushu=30*x offset; <BR>// 角度值* Math.PI /180 = 弧度值<BR>var divLeft = CX R*Math.sin(dushu*Math .PI/180); <BR>div.style.left=divLeft "px"; <BR>var divTop = CY-R*Math.cos(dushu*Math.PI/180); <BR>div.style. top=divTop "px"; <BR>} <BR>offset =50; <BR>//間隔一定的時間，回呼這個函數<BR>//經過指定毫秒值後計算一個表達式。第一個參數是表達式，第二個參數是時間<BR>setTimeout(startClock,80);//window物件的方法<BR>} <BR>//定義這個時鐘隨著滑鼠移動到不同的位置<BR>function clockMove(event){ <BR>CX=event.clientX;//滑鼠所在位置的x座標<BR>CY=event.clientY;//滑鼠所在位置的y座標<BR>divCenterNode.style. left=(CX-50) "px"; <BR>divCenterNode.style.top=(CY-30) "px"; <BR><BR>} <br> 本來是想做一個會轉動，會跑的時鐘顯示。所以程式碼中的命名和時鐘有關，就不糾結了，親。初學javascript，感覺javascript很強。
