MozTW 討論區 https://forum.moztw.org/ |
|
爬了很久 還是不會使用document.getElementById...請高手來看看 https://forum.moztw.org/viewtopic.php?f=13&t=24732 |
第 1 頁 (共 1 頁) |
發表人: | ff100king [ 2008-10-15, 03:23 ] |
文章主題 : | 爬了很久 還是不會使用document.getElementById...請高手來看看 |
代碼: <!--
var sliderwidth=732 var sliderheight=100 var slidespeed=10 var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a href="power-1.htm"><img src="images/sub-01.jpg" border=1></a>' leftrightslide[1]='<a href="power-1.htm"><img src="images/sub-02.jpg" border=1></a>' leftrightslide[2]='<a href="power-1.htm"><img src="images/sub-03.jpg" border=1></a>' leftrightslide[3]='<a href="power-1.htm"><img src="images/sub-04.jpg" border=1></a>' leftrightslide[4]='<a href="power-1.htm"><img src="images/sub-05.jpg" border=1></a>' leftrightslide[5]='<a href="power-1.htm"><img src="images/sub-06.jpg" border=1></a>' leftrightslide[6]='<a href="power-1.htm"><img src="images/sub-01.jpg" border=1></a>' leftrightslide[7]='<a href="power-1.htm"><img src="images/sub-02.jpg" border=1></a>' leftrightslide[8]='<a href="power-1.htm"><img src="images/sub-03.jpg" border=1></a>' leftrightslide[9]='<a href="power-1.htm"><img src="images/sub-04.jpg" border=1></a>' leftrightslide[10]='<a href="power-1.htm"><img src="images/sub-05.jpg" border=1></a>' leftrightslide[11]='<a href="power-1.htm"><img src="images/sub-06.jpg" border=1></a>' var copyspeed=slidespeed for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+" " if (document.all){ document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>') ieslider.onmouseover=new Function("ieslider.scrollAmount=0") ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed") } function regenerate(){ window.location.reload() } function regenerate112(){ if (document.layers){ document.ns_slider01.visibility="show" setTimeout("window.onresize=regenerate",450) intializeleftrightslide() } if (document.all) ieslider.scrollAmount=slidespeed } function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>') document. ns_slider01.document.ns_slider02.document.close() thelength=document.ns_slider01.document.ns_slider02.document.width scrollslide() } function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed setTimeout("scrollslide()",100) } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth scrollslide() } } window.onload=regenerate112 //--> </script> 網路上抓的 類似跑馬燈 用陣列跑圖片的方式 在火狐不能使用 也看過常見問題 但是 網路上介紹document.getElementById 還蠻少的 請問各位高手 document.all 跟 document.layers 都在判斷式裡面 怎樣使用"ID"的功能阿!! |
發表人: | 風痕影 [ 2008-12-16, 12:44 ] |
文章主題 : | |
getElementById() 的用法:例如這程式裡有一堆地方寫著 ieslider 這個 ieslider 是 <marquee id="ieslider" ← 這裡的 應該寫作 document.getElementById('ieslider') 不過,<marquee> 這個語法並不在 HTML 標準中 程式中那些 scrollAmount 之類的設定對 Firefox 可能無效 所以即使改得讓跑馬燈成功出現了,效果可能還是不同唷 至於 if (document.all) 這個之所以寫成判斷式 是表示:瀏覽器支援 document.all 時才會執行後面的程式 所以如果已經改用 getElementById() 的話,其實可以拿掉判斷 而 document.layers 則是 Netscape 瀏覽器的東西 @@" 嗯...個人覺得改用別的方法讓圖片移動會比較好 例如用 JavaScript 改變 <div> 標籤的位置,造成往左移動的效果... 在網路上搜尋 "JavaScript Ticker" 應該可以找到更多 XD |
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |