小涵來教大家製作下拉式選單*
因為我翻了很多人的網誌
似乎很少在介紹這個
所以只好自己去OECSPACE去研究*


【第一步】
請先在你的CSS打上"下拉式選單"的標籤
→select
使用範例:
select {
position: absolute;  (依網頁左上角為基準點取絕對位置 )
width: **px;  (彈出的選單寬度)
clip: rect(2px 80px 15px 5px);
}
 
藍色部分為選單的寬度.可以自行調整
橘色部分為選單的高度.可果字體大小為10px ( 或7pt ) 則不須更動
如果套用新的部落格款式.請記得重新再打一次標籤*
 
【第二步】
請至PIXNET的自訂欄位
新增一個欄位
打上以下語法*
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler(form) {
var windowprops = "height=90,width=500,location=yes,"
+ "scrollbars=yes,menubars=no,toolbars=no,resizable=yes";
var URL = form.site.options[form.site.selectedIndex].value;
popup = window.open(URL,"_blank",windowprops);
}
// End -->
</SCRIPT>
<FORM NAME=FORM>
<select name=site onChange="formHandler(this.form)">
<option>請輸入你想分類的目錄名稱
<option value="請輸入你想要連結的網址">連結網址的名稱

</SELECT>
</FORM>
 
如果需要新增分類目錄請打<option>
如果需要新稱連結網址請打<option value="請輸入你想要連結的網址">連結網址的名稱
 


第二步介紹的語法.無名免費會員無法使用喔*
 
arrow
arrow
    全站熱搜

    那。 發表在 痞客邦 留言(2) 人氣()