:::簡介 & 連結(小視窗):::
範例 
﹝簡 介﹞


範例有三個簡介,每則停留5秒後自動跳頁,點選「前往瀏覽」按鈕會開新視窗至該網頁。

              
貼在<body> 指定位置 </body>
請將下列語法複製後先貼至﹝語法測試區02﹞內按「複製到剪貼簿」,再貼到HTML (或貼到記事本再複製貼到 HTML 中也可以)。
<table border="0" cellspacing="0" cellpadding="2">

<form name="slideshow">

<tr> <td width="100%" valign="middle" align="center">

﹝簡&nbsp;介﹞

</td></tr>

<tr> <td width="100%">

<p align="center">

<textarea cols="50" rows="6" name="S1" style="background-color: #F0F8FF; font-size: 9pt; color: #000080; line-height: 150%; border: 1 solid #000080"> </textarea><br>

<input type="button" name="B1" value="前往瀏覽" onClick="window.location=messagelinks[curmsg]" style="background-color: #E8F3FF; color: #000080; border: 1 solid #000080">

</form>

</p>

</td></tr></table>

<script>

var curmsg=-1

var messages=new Array()

messages[0]="第一個:內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•..........."

messages[1]="第二個:內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•..........."

messages[2]="第三個:內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•內容文字•..........."

var messagelinks=new Array()

messagelinks[0]="http://連結網址"

messagelinks[1]="http://連結網址"

messagelinks[2]="http://連結網址"

function slidemessage(){

if (curmsg<messages.length-1)

curmsg++

else

curmsg=0

document.slideshow[0].value=messages[curmsg]

setTimeout("slidemessage()",10000)

}

slidemessage()

</script>

可更改的部份:

1. 這個適用單元簡介或網站介紹。

2.「....style="background-color: #F0F8FF; font-size: 9pt; color: #000080; line-height: 150%; border: 1 solid #000080"...」這一段在設定表單中各項細節,背景色、字體大小、色體色彩、文字行距、外框寬度與色彩。FrontPage的軟體可在表單上用滑鼠按左鍵兩下,出現「多行式文字方塊內容」→樣式→格式,修改各項設定。

2. 「....... value="前往瀏覽" onClick="onClick=window.open(messagelinks[curmsg])" →開啟新視窗,如果要原視窗開啟,則改成「onClick="window.location=messagelinks[curmsg]"...」。

3.「...setTimeout("slidemessage()",10000)..」→每則訊息停留10秒,視文字內容更改時間。

4. 「messages[0]="第一個:內容文字•內容文字....」在html中編輯內容文字時不能斷行,否則語法會出現錯誤。

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