2010年7月1日 星期四

【html】下拉式選單

若要在網誌上設置一個選單


可以選擇此種"下拉式選單"~


它可以有無限多個項目的延伸


現在拿三個的作為範例


語法:


<style type='text/css'>


A:link{font: 9pt Arial; color:#ffffff;text-decoration:none;


}                           ↑↑選單項目的顏色↑↑
A:visited{font: 9pt Arial; color:#ffffff;text-decoration:none;


}                           ↑↑選單項目的顏色↑↑


A:hover{font: 9pt Arial; color:#000000;text-decoration:none


}                           ↑↑該選單名稱的顏色↑↑


.baseline {


position:absolute;


left:120px;


top:140px;


line-height:200%;


font-family:Verdana;


font-size:11pt;


color:"Blue";


width:400;
}
</style>
<BODY><BR>                                 


<table border='0' width='130' height='100' onMouseover="bgColor='gray'" onMouseout="bgColor=''">
<tr> 
<td bgColor="字體背景顏色(可填html色碼)">
<font color='white'><B>選單名稱</b></font>
</td>                   
<tr>          
<td onMouseOver="bgColor=游標進入該項目範圍變換的顏色(可填html色碼) onMouseout="bgColor=''">
<a href=網址>項目名稱</a>
</td>      
<tr>         
<td onMouseOver="bgColor=
游標進入該項目範圍變換的顏色(可填html色碼) onMouseout="bgColor=''">
<a href=網址>項目名稱</a>
</td>      
<tr>         
<td onMouseOver="bgColor=
游標進入該項目範圍變換的顏色(可填html色碼) onMouseout="bgColor=''">
<a href=網址>項目名稱</a>
</td>                                    
</tr>
</table>
<DIV ID="text" class="baseline">


**紅字部分請自行更改**


若要將此選單置於自由欄位外


請參閱"把網頁語法放到自由欄位外"


 


沒有留言:

張貼留言