怕被刪掉 先放著
<script type="text/javascript">
/*
程式作者：風痕影（hit1205@m70.url.com.tw）
作者網站：風痕水影（http://hit1205.blogdns.org/）
IE可以用event.y和event.x取游標座標值，而FireFox則需使用event.pageY。可是我一試之下，卻發現FireFox說event錯誤的！結果用Google查詢之後，得到FireFox不能直接在JavaScript中取用event的結論，不過可以用另一種方式，也就是變數的方式代入。
製作日期：2004年12月21日
v2.1 2005年12月26日：米亞提到加上DTD後document.body.scrollTop失效的問題
這是因為IE在加上DTD之後，隸屬<BODY>的捲軸屬性會改歸在<HTML>之下；本版已修正這個問題
版權資訊：可以在非營利用途內自由使用或修改，但請保留以上資訊
如果你覺得這個程式不錯，歡迎連結且（或）放上我網站的LOGO
LOGO取得 -- http://hit1205.blogdns.org/teach?unit=lnk
*/
function DivDraw(e){
x_out=32; // 與游標座標之水平距離
y_out=32; // 與游標座標之垂直距離
if(document.body.scrollTop && document.body.scrollTop !=0){
dbst=document.body.scrollTop;
dbsl=document.body.scrollLeft;
}
else{
dbst=document.getElementsByTagName("html")[0].scrollTop;
dbsl=document.getElementsByTagName("html")[0].scrollLeft;
}
dgs=document.getElementById("DivId").style // 請將DivId取代為你網頁中<DIV ID="">之值
y=e.clientY;x=e.clientX;
dgs.top=y+dbst+y_out+"px";
dgs.left=x+dbsl+x_out+"px";
}
</script>
---------------------------------------------------------
<html onmousemove="DivDraw(event)" >
<div id="DivId" style="position:absolute;width:300px;background-color:black;color:white;padding:10px;font-size:10pt;">跟著滑鼠跑的div</div>
/*
程式作者：風痕影（hit1205@m70.url.com.tw）
作者網站：風痕水影（http://hit1205.blogdns.org/）
IE可以用event.y和event.x取游標座標值，而FireFox則需使用event.pageY。可是我一試之下，卻發現FireFox說event錯誤的！結果用Google查詢之後，得到FireFox不能直接在JavaScript中取用event的結論，不過可以用另一種方式，也就是變數的方式代入。
製作日期：2004年12月21日
v2.1 2005年12月26日：米亞提到加上DTD後document.body.scrollTop失效的問題
這是因為IE在加上DTD之後，隸屬<BODY>的捲軸屬性會改歸在<HTML>之下；本版已修正這個問題
版權資訊：可以在非營利用途內自由使用或修改，但請保留以上資訊
如果你覺得這個程式不錯，歡迎連結且（或）放上我網站的LOGO
LOGO取得 -- http://hit1205.blogdns.org/teach?unit=lnk
*/
function DivDraw(e){
x_out=32; // 與游標座標之水平距離
y_out=32; // 與游標座標之垂直距離
if(document.body.scrollTop && document.body.scrollTop !=0){
dbst=document.body.scrollTop;
dbsl=document.body.scrollLeft;
}
else{
dbst=document.getElementsByTagName("html")[0].scrollTop;
dbsl=document.getElementsByTagName("html")[0].scrollLeft;
}
dgs=document.getElementById("DivId").style // 請將DivId取代為你網頁中<DIV ID="">之值
y=e.clientY;x=e.clientX;
dgs.top=y+dbst+y_out+"px";
dgs.left=x+dbsl+x_out+"px";
}
</script>
---------------------------------------------------------
<html onmousemove="DivDraw(event)" >
<div id="DivId" style="position:absolute;width:300px;background-color:black;color:white;padding:10px;font-size:10pt;">跟著滑鼠跑的div</div>
沒有留言:
張貼留言