你一定看到過很多網(wǎng)頁上的動態(tài)按鈕效果，一般而言實(shí)現(xiàn)它需要后臺的JavaScript(或VBScript)網(wǎng)頁腳本語言支持，對于只懂使用初級的“所見即所得”網(wǎng)頁編輯器的人來說確實(shí)是個難題?，F(xiàn)在我們就來學(xué)一學(xué)制作動態(tài)按鈕的“傻瓜式”方法。我們以制作一個中英文切換的按鈕為例。
其實(shí)，動態(tài)按鈕的實(shí)現(xiàn)原理都是一樣的，首先制作按鈕的圖片，然后通過腳本語言捕獲鼠標(biāo)在按鈕上的事件，對事件做出交換圖片的響應(yīng)。在Frontpage 2000里有交換圖片的現(xiàn)成語言包。
首先在Photoshop或Firework里制作兩張用于交換的按鈕圖片，大小均為：寬度80象素；高度15象素，并在其中輸入按鈕的文字，注意兩張圖片文字的相對位子應(yīng)基本一致。
在Frontpage中插入一個表格，大小與按鈕圖片的大小相同(寬80象素，高15象素)，點(diǎn)擊插入圖片按鈕，在表格內(nèi)插入初始化顯示的按鈕圖片，即按鈕在未進(jìn)行動態(tài)變換時顯示的那張圖片，在這個例子中我們選擇有“English Button”字樣的圖片為初始圖片。接下來我們就開始為它做動態(tài)效果。選擇菜單“格式”-“動態(tài)HTML效果”，出現(xiàn)動態(tài)HTML效果的對話框。確保要做動態(tài)變換的圖片為選中狀態(tài)的前提下，在DHTL效果多話框內(nèi)將“開啟”選項選擇為“鼠標(biāo)懸?！?；應(yīng)用選擇為“交換圖片”；并在下面一個選項內(nèi)指定路徑為用于交換的“中文按鈕”圖片所在的路徑。
好了，一個動態(tài)按鈕效果的“傻瓜”式制作方法完成了。網(wǎng)頁保存后會有一個名為animate.js的腳本文件，你可以通過記事本打開它，這里面的就是有Frontpage自動生成的腳本語言包。動態(tài)按鈕效果在Frontpage里可以輕松的實(shí)現(xiàn)，你也可以改變用于交互的兩張圖片按照你的需要制作，注意在制作按鈕圖片時一定要設(shè)置兩張圖片的大小完全一致。
其實(shí)，動態(tài)按鈕的實(shí)現(xiàn)原理都是一樣的，首先制作按鈕的圖片，然后通過腳本語言捕獲鼠標(biāo)在按鈕上的事件，對事件做出交換圖片的響應(yīng)。在Frontpage 2000里有交換圖片的現(xiàn)成語言包。
首先在Photoshop或Firework里制作兩張用于交換的按鈕圖片，大小均為：寬度80象素；高度15象素，并在其中輸入按鈕的文字，注意兩張圖片文字的相對位子應(yīng)基本一致。
在Frontpage中插入一個表格，大小與按鈕圖片的大小相同(寬80象素，高15象素)，點(diǎn)擊插入圖片按鈕，在表格內(nèi)插入初始化顯示的按鈕圖片，即按鈕在未進(jìn)行動態(tài)變換時顯示的那張圖片，在這個例子中我們選擇有“English Button”字樣的圖片為初始圖片。接下來我們就開始為它做動態(tài)效果。選擇菜單“格式”-“動態(tài)HTML效果”，出現(xiàn)動態(tài)HTML效果的對話框。確保要做動態(tài)變換的圖片為選中狀態(tài)的前提下，在DHTL效果多話框內(nèi)將“開啟”選項選擇為“鼠標(biāo)懸?！?；應(yīng)用選擇為“交換圖片”；并在下面一個選項內(nèi)指定路徑為用于交換的“中文按鈕”圖片所在的路徑。
好了，一個動態(tài)按鈕效果的“傻瓜”式制作方法完成了。網(wǎng)頁保存后會有一個名為animate.js的腳本文件，你可以通過記事本打開它，這里面的就是有Frontpage自動生成的腳本語言包。動態(tài)按鈕效果在Frontpage里可以輕松的實(shí)現(xiàn)，你也可以改變用于交互的兩張圖片按照你的需要制作，注意在制作按鈕圖片時一定要設(shè)置兩張圖片的大小完全一致。