我們在網頁中經常見到下拉菜單,但是有很多朋友在用Frontpage制作網頁的時候卻很難制作出網頁下拉菜單,FrontPage中怎么制作下拉菜單呢?請看下文詳細介紹。
一、前期準備工作:
1、打開Frontpage軟件,單擊菜單欄“插入”——表單——下拉框。
2、在“設計”模式下,把頁面上的“提交”和“重置”按鈕刪除掉。
3、在“設計”模式下,雙擊下拉框,彈出“下拉框屬性”對話框,單擊“添加”按鈕。
4、在彈出的“添加選項”對話框中,在選項中寫上“AAA”,單擊“確定”。
5、用同樣的方式添加“BBB”和“CCC”2個選項,在“下拉框屬性”對話框,單擊“確定”按鈕。
二、添加 onchange 效果:
把剛才制作好的下拉框,切換到代碼編輯模式。
2、在代碼中找到<select size="1" name="D1">并修改為“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。
三、制作菜單鏈接:
在代碼中找到:
“<option value="AAA">AAA</option><option value="BBB">BBB</option><option value="CCC">CCC</option>”
注意:把value="AAA"("BBB"和"CCC")變為value="網址1.htm"("網址2.htm"和"網址3.htm")。
2、切換到“預覽”模式,就可以看到菜單的效果了。
我們在網頁中經常見到下拉菜單,但是有很多朋友在用Frontpage制作網頁的時候卻很難制作出網頁下拉菜單,現在我們就來看看如何制作網頁下拉菜單。
一、前期準備工作:
1、打開Frontpage軟件,單擊菜單欄“插入”——表單——下拉框。
2、在“設計”模式下,把頁面上的“提交”和“重置”按鈕刪除掉。
3、在“設計”模式下,雙擊下拉框,彈出“下拉框屬性”對話框,單擊“添加”按鈕。
4、在彈出的“添加選項”對話框中,在選項中寫上“AAA”,單擊“確定”。
5、用同樣的方式添加“BBB”和“CCC”2個選項,在“下拉框屬性”對話框,單擊“確定”按鈕。
二、添加 onchange 效果:
把剛才制作好的下拉框,切換到代碼編輯模式。
2、在代碼中找到<select size="1" name="D1">并修改為“<select onchange="window.location.href=this.options[this.selectedIndex].value " size="1" name="D1">”。
三、制作菜單鏈接:
在代碼中找到:
“<option value="AAA">AAA</option><option value="BBB">BBB</option><option value="CCC">CCC</option>”
注意:把value="AAA"("BBB"和"CCC")變為value="網址1.htm"("網址2.htm"和"網址3.htm")。
2、切換到“預覽”模式,就可以看到菜單的效果了。
以上就是FrontPage制作下拉菜單的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
FrontPage怎么啟用超鏈接翻轉效果?
FrontPage怎么添加選項按鈕? FrontPage選項按鈕添加方法
新聞熱點
疑難解答