MozTW 討論區
https://forum.moztw.org/

寫了雪花飄落的JavaScript,卻沒有出現效果
https://forum.moztw.org/viewtopic.php?f=13&t=4126
1 頁 (共 1 頁)

發表人:  風痕影 [ 2004-11-17, 10:03 ]
文章主題 :  寫了雪花飄落的JavaScript,卻沒有出現效果

因為網路上看到的雪花飄落都是IE only
所以自己在昨天寫了一個雪花飄落
網頁:http://lsc.net.tw/~mizuha_apol-mp/idx_menu.htm
*.js檔:http://lsc.net.tw/~mizuha_apol-mp/idx_ice.js

原本我是使用
document.getElementById("dot"+i).style.top
document.getElementById("dot"+i).style.left
卻發現頁面上的東西亂跳亂跳,眼都花了[用IE看也是如此]

後來才發現,原來這樣的值後面會跟著px
於是我改用pixelTop和pixelLeft
可是卻發現那幾個有雪花圖片的DIV沒有掉下來
JavaScript主控臺也沒有列出錯誤

改用IE看,卻發現雪花會飄落了@@
可是用Firefox就是看不到它掉下來
用DOM Inspector看,DIV明明都在呀@@
請問為什麼會這樣呢?謝謝大家的解惑!

發表人:  訪客 [ 2004-11-17, 15:52 ]
文章主題 : 

http://www.mozilla.org/docs/web-develop ... ade_2.html

發表人:  danielwang [ 2004-11-17, 16:39 ]
文章主題 : 

代碼:
if((dgs.pixelTop ...


pixelTop 不是標準吧,應該用 getComputedStyle() function

dgs.top < h 也不對 (top 是字串,如 "10 px"),應該是 parseInt(dgs.top) < h

發表人:  member [ 2004-11-17, 22:42 ]
文章主題 : 

參考這個 http://skrnet.com/skrjs/demo/js0094.htm
IE, Netscape 4, Netscape 6 以上皆可.

發表人:  風痕影 [ 2004-11-17, 23:24 ]
文章主題 : 

原來parseInt也可以這樣子用呀,原以為只能把小數轉成整數呢
實在是太感動了Q口Q"謝謝大家的幫忙

雖然又遇到一個小問題,不過剛才想到解決的方法了
就是原本+=的地方,用top和left就行不通了(多了單位px=____=|||)
所以我把dgs.pixelTop+=vy+"px";改成dgs.top=parseInt(dgs.top)+vy+"px";

發表人:  風痕影 [ 2004-11-18, 11:19 ]
文章主題 : 

member 寫:
參考這個 http://skrnet.com/skrjs/demo/js0094.htm
IE, Netscape 4, Netscape 6 以上皆可.

謝謝,不過我用IE6開的結果,竟然是出錯耶@@...|||
FireFox倒是很正常呢^^
不過這樣要寫好長一串喔>\\\\\\\\\<
還是用標準寫法寫出全部都能通用的比較方便^^

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/