:::觸控式左拉式選單:::

滑鼠一碰觸「選單」即會彈出,再接觸「選單」即會自動縮入,並且會隨著捲軸往下移動而跟著移動。【範例在本頁左側,無連結網頁】

須準備兩個圖檔
圖檔1 圖檔2
                            
A.貼在 <head> 這裡 </head>

要更改的部份:(都在 HTML 更改)

1.  色彩:字體連結變色、選單版面的色彩、外框,只要有類似#123456 的地方,改一下就知道它那邊的色彩。

2.  語法上段「#top {position:relative; width: 120px; top: 20px; left: 0px; z-index:5; visibility:visible;}」,把 relative 改為 absolute ,整個表單就固定在一個位置,不會跟捲軸移動。

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

要更改的部份:(都在 HTML 更改)

1. 連結網址與文字的更改。

2. 如要開啟新視窗 → a href="檔名路徑" target="_blank" 。

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