2005年08月15日 10:48
頁籤進階
這次,是以圖層式的來進階的
準備條件:一個可上傳的空間、Dreamweaver
準備一張作為底圖例:
![]()
然後再照著上面的圖,分別準備頁籤的圖(是分開的哦),例:
然後再將底圖插入網頁中
<div id="ta1" style="position:absolute; left:6px; top:40px; width:343px; height:21px; z-index:5">
<img src="網址" border="0" usemap="#Map">
</div>
<img src="網址" border="0" usemap="#Map">
</div>
跳到設計的視窗,點圖,下面的屬性就會跳出來,再來就是按他

在圖片上,拉出你想拿來按的地方,如:

拉好後,在屬性的這裡找到連結,輸入javascript:;,如:
![]()
就重覆以上的動作,連續將你想作的連結拉出來
圖層新增完後,再拉用來作為頁籤的圖層(頁籤有幾個就拉幾個),並且將作為頁籤的圖也放進去(調整大小到不能變為止),然後放到底圖的上面


再來就是改變圖層的隱藏和顯示,例:

黃的是圖層的名字,紅的是圖層的狀態
再來選底圖上的第一個頁籤,再到"標籤"這一格,找到"行為"按"+",選"顯示/隱藏圖層"

再來就是你想在按下頁籤時,所想隱藏和顯示的圖層
連續幾次(每個頁籤)
這樣你的頁籤就完成了這是例子:按我
引用URL
http://cgi.blog.roodo.com/trackback/374646
