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/ |