:::連結說明框-4:::
範例 (無連結網頁•說明框展開的方式是隨機變化)
隨意玩網
這個網當初是隨意開始,於是就有個隨意玩的名。
生活記事本
個人雜七雜八生活記錄,只是在某個時候的某種想法。
旅遊隨意玩

自己到處走走的旅遊記錄,隨意拍照隨意寫。
唸經房
佛教經文,以掃瞄經文書籍方式,容意瀏覽與朗誦。
              
A. 貼在<head> 這裡 </head>

可更改的部份:

1. 如語法中的中文標示,說明框的四邊框線都是獨立設定,「solid」是實線,改成「dashed」為虛線。

2. 「...(transition=23,duration=0.5)...」→前者是開啟時的變化,23是隨機變化,其它數目字的變化請參考「圖片-圖片開啟變化」。後者是開啟的時間(0.5),數目越大開啟越慢。

   
B. 貼在<body> 這裡 </body>

可更改的部份:

1. 如果在 Dreamweaver 編輯時,須將程式碼最前面的「<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">」刪除,否則說明框的長寬沒法更改尺寸。

2. 「....<div class=article id=a1 style="width:150; height: 100">....」每一段裡面這部份是在設定說明框的尺寸(寬150,高100)。

3. 在html編輯說明框內容時,可以使用<center></center> → 置中、<br> → 換行,來作圖片與文字上細節的編排。如不要用圖片則刪除其中的「<img src="圖片檔名路徑">」。

4. 如果要增加,將「<td width="164" valign="middle" ><a onMouseOver=Show(a1) .................請輸入標題文字01的說明文字。</font></div></td>」整段複製往下貼上,依序更改(a1) 的編號,每段有三個。如要減少則整段刪除。

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