0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


目錄選單語法




下拉式+GO選單

 

 

將原始碼複製到網頁中欲呈現特效的位置

<!--下拉式連結表單_開始-->
<script language="JavaScript">
<!--
function surfto(form) {
var myindex=form.javamagic.selectedIndex
window.open(form.javamagic.options[myindex].value,"_blank",""); }
-->
</script>
<form name="myform">
<select name="javamagic" style="background:#3399FF; color:#ffffff">
<option SELECTED value="">---連 結 選 項---</option>
<option value="http://wssh0812.myweb.hinet.net/05/index.htm">課程首頁</option>
<option value="http://wssh0812.myweb.hinet.net/05/002.htm">認識網頁設計</option>
<option value="http://wssh0812.myweb.hinet.net/05/007.htm">網頁語法介紹</option>
<option value="http://wssh0812.myweb.hinet.net/05/092.htm">Front Page編輯</option>
<option value="http://wssh0812.myweb.hinet.net/05/009.htm">影音動畫好好玩</option>
<option value="http://wssh0812.myweb.hinet.net/05/094.htm">撇步技巧報你知</option>
<option value="http://wssh0812.myweb.hinet.net/05/093.htm">上傳前的準備</option>
</select>
<input type="button" value="Go" style="color:#ffffff;background-color:#3399FF;border:1 solid #ffffff" onClick="surfto(this.form)">
</form>
<!--下拉式連結表單_結束-->

----------------------------------------

在 style="background:#3399FF; color:#ffffff" 中修改下拉表單的背景顏色及文字顏色
可自行增加或減少連結的數量
在 value="Go" 中修改按鈕的文字內容
在 style="color:#ffffff;background-color:#3399FF;border:1 solid #ffffff" 中修改按下的按鈕文字色彩、背景顏色、邊框粗細、邊框色彩


 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │