:::文字垂直跑馬燈-4(有連結):::

這個語法的跑馬燈會跑到網頁的最上方,所以我是將跑馬燈放在獨立的頁面,再以「IFRAME」的模式放在本頁中,「IFRAME」說明→(網頁中的視窗-1)

※ 這個語法所連結的視窗可以如無工具視窗,可設定視窗大小、是否有捲軸、是否要讓瀏覽者改變視窗大小、改變滑鼠接觸訊息的底色...等等。

範例 
(以整頁看此跑馬燈的頁面)
貼到 <body> 這裡 </body>

要更改的部份:

1. 語法中最前面的「...top: 150; left: 2; width: 450; height: 216"...」→ 這是跑馬燈在頁面的位置與寬、高,其中「top: 150」要與語法後半段的「top = 150」(有兩個)數目一致。

2. <table cellpadding=6 cellspacing=0 style=font-size:13px> → 設定表格墊充,與字體大小。

3. "this.style.backgroundColor='#ffcc00'" onmouseout="this.style.backgroundColor=''"> → 每則訊息都有這一行,是設定每一則訊息底色,第一個色彩是滑鼠接觸時所產生的色彩,第二個是滑鼠接觸離開後的色彩,例如「"this.style.backgroundColor='#000000'"」,滑鼠接觸離開後訊息底色就會變成黑色,不填入色彩就無變化。

4. onClick=open('網頁檔名路徑','','scrollbars=yes,width=500,height=300,resizable=yes') style=text-decoration:none;color:#336699> → 每一則訊息所連結網頁的設定。「scrollbars=yes」→輸入「yes」表示產生的視窗有捲軸,輸入「no」表示沒有捲軸,「resizable=yes」→是否讓瀏覽者改變視窗的大小,其他視窗的設定請參考「無工具視窗」。

width=500,height=300」→ 所連結視窗的寬與高。color:#336699」→訊息字體的色彩,如果不填入色彩,就會以頁面CSS所設定的連結變色為準。

5. 如果連結頁面要在原視窗開啟,就將連結的那段語法改成<a href=網頁檔名路徑 target=_parent style=text-decoration:none;color:#336699> →「target=_parent」是在父框架開啟,在「IFRAME」時使用,目標框架依自己頁面需求更改之。

6. 語法中後半段的「...."startMove()",120);....」→ 跑馬燈的速度,有兩處,數目越大速度越慢。

7. 這個跑馬燈會中斷,所有訊息跑完之後才會再重覆出現,而且頁面上會自動產生另一個全部的訊息,所以頁面是有兩個全部訊息,因為語法後半段中有「....o.innerHTML += '<br>'+o.innerHTML;......」→多一個<br>,兩個全部訊息的距離就會越大。如果您在頁面只要有一次全部的訊息,請用這樣→「//o.innerHTML += '<br>'+o.innerHTML;......」即可。

 --隨意玩網--語法練習--
△TOP