MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-23, 13:54

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 2 篇文章 ] 
發表人 內容
文章發表於 : 2008-10-15, 03:23 
離線

註冊時間: 2008-06-06, 22:50
文章: 1
代碼:
<!--
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"的功能阿!!


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.17) Gecko/20080829 Firefox/2.0.0.17
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2008-12-16, 12:44 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
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

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 2 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 10 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群