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]+"&nbsp;&nbsp;&nbsp;"


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/