close
這是小貓在這邊找到"BLOG 下拉式選單產生器"的... 

下拉式選單很方便...

可以使用在連結、或是連結自己的網站...

以下是小貓的詳細說明...

希望會有幫助...







*範例:直接連結+ 開新視窗

P.S.上面連結的網頁中..有提供大家使用的表格...請多加利用...謝謝...以下為小貓的特別解說步驟用...請勿套用...謝謝...


步驟一 ~~ 輸入表格

                         名稱                                               網址(若是分隔線請保持空白)
01.              

02.              

03.              

04.              

05.              

06.              

07.              

08.              

09.              

10.              

11.              

 ※ 按下..."輸入語法"...

步驟二 ~~ a+b語法如下 (黑色部份)
 
<script>
<!--
function land(ref, target)
{
if (target=="_self") {window.location=loc;}
else {if (target=="_top") {top.location=loc;}
else {if (target=="_blank") {window.open(loc);}
else {if (target=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("&");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000).toLowerCase();}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
-->
</script>


<font color= #4d0836 size=2></a>小貓的...小小世界</font> <br /><br />

<form>
<select name="choice" size="1" onChange="jump(this.form)">
<option value="" >My worlds</option>
<option value="">..............................................</option>
<option value="http://www.google.com&amp; Google">Google</option>
<option value="http://blog.yam.com/littlecat&amp;_blank">小貓...yam</option>
<option value="http://www.wretch.cc/blog/celestecat&amp;_blank">小貓...無名</option>
<option value="http://twitter.com/home&amp;_blank">twitter</option>
<option value="http://msntwitter.com/&amp;_blank">msntwitter</option>
<option value="http://www.myicon.com.tw/&amp;_blank">myicon</option>
<option value="http://www.shoutmix.com/main/index.php&amp;_blank">shoutmix</option>
<option value="http://www.lijit.com/&amp;_blank">Lijit </option>
<option value="http://tw.myblog.yahoo.com/kikilala-03310624/&amp;_blank">kikilala</option>
<option value="http://www.google.com&amp;_blank">Google</option>

</select>

</form>

★此顏色部分是小貓加上去的...

分析如下...

<font color= #4d0836 size=2></a>小貓的...小小世界</font> <br /><br />

1. #4d0836 ...請自行選擇顏色..."色碼錶"...
2. 2 ...請自行選擇字體大小...
3.小貓的...小小世界 ...請自己設定標題...

若是想像小貓網頁一樣...有很多個下拉式選單...請再參照以下步驟...

步驟三 ~~ 輸入表格 

                    名稱                                               網址(若是分隔線請保持空白)
 
01.              

02.              

03.              

04.              

05.              

06.              

07.              

 ※ 按下..."輸入語法"...

步驟四 ~~ 語法如下 (請直接複製語法...貼到上面步驟二的語法之後...)


<br /> <font color=  #4d0836 size=2></a>小貓的...Blog教學</font><br />

<form>
<select name="choice" size="1" onChange="jump(this.form)">
<option value="">My movies</option>
<option value="">..............................................</option>
<option value="http://www.wretch.cc/blog/blue73623&amp;_blank">兔窩教學部落格...無名</option>
<option value="http://blog.pixnet.net/prb999&amp;_blank">鏡‧空間</option>
<option value="http://blog.pixnet.net/terisawu&amp;_blank">愛在櫻花翩翩時</option>
<option value="http://blog.yam.com/goaway&amp;_blank">遺落...yam</option>
<option value="http://blog.sina.com.tw/cm788847/&amp;_blank">情意的足跡...sina</option>
</select>

</form>

★此顏色部分是小貓加上去的...

分析如下...

<br /> <font color= #4d0836 size=2></a>小貓的...小小世界</font> <br /><br />

1.
<br /> ...換行用...請自斟酌使用...
2. #4d0836 ...請自行選擇顏色..."色碼錶"...
3. 2 ...請自行選擇字體大小...
4.小貓的...小小世界 ...請自己設定標題...


~~圖示

             小貓的...小小世界 

 

           小貓的...Blog教學

 

          
P.S.小貓試了超多次美化直接連結下拉式選單...文字顏色部份...不知道怎麼..."處理"...才會有效果...繼續研究中...有結果在補上吧...   
arrow
arrow
    全站熱搜

    celestecat 發表在 痞客邦 留言(0) 人氣()