果洛皆料电子有限公司

用FrontPage 2000快速制作動態(tài)按鈕

  • 發(fā)布于:2020-10-03
  • 270 人圍觀

  你一定看到過很多網(wǎng)頁上的動態(tài)按鈕效果,一般而言實現(xiàn)它需要后臺的JavaScript(或VBScript)網(wǎng)頁腳本語言支持,對于只懂使用初級的“所見即所得”網(wǎng)頁編輯器的人來說確實是個難題?,F(xiàn)在我們就來學(xué)一學(xué)制作動態(tài)按鈕的“傻瓜式”方法。我們以制作一個中英文切換的按鈕為例。

  其實,動態(tài)按鈕的實現(xiàn)原理都是一樣的,首先制作按鈕的圖片,然后通過腳本語言捕

<--FLASH 畫中畫360X300-->
獲鼠標在按鈕上的事件,對事件做出交換圖片的響應(yīng)。在Frontpage 2000里有交換圖片的現(xiàn)成語言包。

  首先在Photoshop或Firework里制作兩張用于交換的按鈕圖片,大小均為:寬度80象素;高度15象素,并在其中輸入按鈕的文字,注意兩張圖片文字的相對位子應(yīng)基本一致。

  在Frontpage中插入一個表格,大小與按鈕圖片的大小相同(寬80象素,高15象素),點擊插入圖片按鈕,在表格內(nèi)插入初始化顯示的按鈕圖片,即按鈕在未進行動態(tài)變換時顯示的那張圖片,在這個例子中我們選擇有“English Button”字樣的圖片為初始圖片。接下來我們就開始為它做動態(tài)效果。選擇菜單“格式”-“動態(tài)HTML效果”,出現(xiàn)動態(tài)HTML效果的對話框。確保要做動態(tài)變換的圖片為選中狀態(tài)的前提下,在DHTL效果多話框內(nèi)將“開啟”選項選擇為“鼠標懸?!保粦?yīng)用選擇為“交換圖片”;并在下面一個選項內(nèi)指定路徑為用于交換的“中文按鈕”圖片所在的路徑。

  好了,一個動態(tài)按鈕效果的“傻瓜”式制作方法完成了。網(wǎng)頁保存后會有一個名為animate.js的腳本文件,你可以通過記事本打開它,這里面的就是有Frontpage自動生成的腳本語言包。動態(tài)按鈕效果在Frontpage里可

萬企互聯(lián)
標簽: