:::觸控顯示-4(左側):::
範例
﹝測試頁﹞
   
A.貼在 <head> 這裡 </head>

可更改的部份:(在HTML中修改)
width:100px; → 子目錄寬度
background-color:#F9EEDD; → 子目錄底色
border:1px solid #A87200; → 子目錄外框寬度、色彩
font:normal 14px Verdana; → 字體尺寸、字型
line-height:25px; → 子目錄高度
z-index:100;
visibility:hidden;}
.menuskin a{
text-decoration:none;
color:#553900; → 子目錄連結字的色彩
padding-left:10px; → 子目錄中字體與表格左邊距離
padding-right:10px; } → 子目錄中字體與表格右邊距離
#mouseoverstyle{
background-color:#FC5E47; } → 子目錄中滑鼠接觸連結字底色的變色
#mouseoverstyle a{
color:#ffffff; } → 子目錄中滑鼠接觸連結字的變色

如果頁面有另外再加CSS語法的控制字體、連結變色、捲軸時,上面的有些項目會以另外再加的CSS語法為主。

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

可更改的部份:(在HTML中修改)

1. 「linkset[0]='<div class="menuitems"><A HREF="#.htm" target="_self">A單元內容01</A></div>'」→ 此段語法更改的部份主要在前面的部份,設定子目錄的連結項目,每段子目錄的 linkset[0] 要與 C 段語法標題的 linkset[0] 編號相對應。 

2. 編輯每段子目錄的細節,連結的網頁、開啟的目標框架、名稱等。

      
C.貼在 <body>  指定位置 </body> 

 

可更改的部份:

1. 「<A HREF="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">標題文字01</A> 」→ 這段語法主要在設定各個標題,每個 linkset[0] 的編號要與 B 段每個子目錄的編號相對應。

2. 表格的變化可以在頁面操作,在頁面往下增加列與複製標題文字貼上,也會有語法的效果,但還是要在html中更改 linkset[0] 中的編號。

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