技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當(dāng)前位置:主頁 > 教程 > 軟件教程 >

用Frontpage創(chuàng)建懸停按鈕效果

來源:技術(shù)員聯(lián)盟┆發(fā)布時間:2019-04-15 00:14┆點擊:

  我們經(jīng)常在網(wǎng)上遇到這樣一種情況:當(dāng)鼠標(biāo)移到一個按鈕上時,按鈕的顏色立即發(fā)生變化而且還會發(fā)光,或者突然變成了另外一幅圖片,十分有趣,動感非常之強。這個效果就是——懸停按鈕。

  要創(chuàng)建“懸停按鈕”可以通過Frontpage 2000來輕松實現(xiàn)。

  在沒有任何腳本的情況下利用創(chuàng)建懸停按鈕來添加動畫到您的網(wǎng)頁是一種容易的方式。如同其他的按鈕一樣,懸停按鈕也可以含有指向其他網(wǎng)頁或文件的超鏈接。然而,當(dāng)站點訪問者單擊或指向懸停按鈕時,該按鈕與普通按鈕的區(qū)別便盡顯無遺:它不僅能夠發(fā)光,還可顯示自定義圖片甚至播放聲音效果!

  下面我們來看看具體怎么創(chuàng)建懸停按鈕。

  首先在網(wǎng)頁視圖模式內(nèi),將插入點放置在要創(chuàng)建懸停按鈕的位置。

  在“插入”菜單上,指向 “組件” ,然后單擊 [懸停]按鈕,出現(xiàn)“懸停按鈕”屬性對話框(圖1)。

  在 “按鈕文本” 框內(nèi),鍵入要放在懸停按鈕上的文本標(biāo)簽。如果您要輸入的標(biāo)簽比較長,請調(diào)整“懸停按鈕”的 “寬度” 到足以容納標(biāo)簽的長度。

用Frontpage創(chuàng)建懸停按鈕效果 三聯(lián)

  圖1

  單擊右邊的“字體”還可以隨意設(shè)置文本的字體、字型、大小和顏色。(但您若想使用已包含文本標(biāo)簽的自定義圖片,就不必輸入任何文本。)

  在 “鏈接到” 框中,鍵入在站點訪問者單擊[懸停]按鈕時,就會出現(xiàn)的網(wǎng)頁或文件的 URL?;蛘邌螕?“瀏覽” 以查找網(wǎng)頁或文件的位置。

  要設(shè)置按鈕在網(wǎng)頁上開始顯示的顏色,請在 “按鈕顏色” 框中選擇要使用的顏色。注意,如果您單擊 “自定義” 并且選擇一張要使用在“懸停按鈕”上的圖片,則無法修改按鈕的顏色。

  要設(shè)置按鈕的背景顏色,請在 “背景顏色” 框中為“懸停按鈕”選擇一種背景顏色。雖然按鈕的背景顏色并不能變成透明的,但您可選擇與網(wǎng)頁背景顏色相配的顏色。

  要設(shè)置懸停效果的顏色,請在 “效果顏色” 框中為懸停效果選擇顏色。

  要設(shè)置“懸停按鈕”的大小,請在 “寬度” 和 “高度” 框內(nèi),修改設(shè)置(以像素為單位)。如果您在懸停按鈕上使用自定義圖片,或者按鈕文本太長,則必須設(shè)置按鈕的寬度和高度以匹配圖片或按鈕文本的寬和高。

  至于您最感興趣的“效果”設(shè)置則有發(fā)光、反色發(fā)光、微微發(fā)光、填充顏色、顏色對比、凹進、凸進等7種之多,您不妨耐心地一個一個去試,找出最炫的一種特效。

  實際上更為常用的是,您可以事先準(zhǔn)備好兩幅大小相同的圖片,然后選擇對話框左下腳的“自定義”選項,在這里您可以為“懸停按鈕”設(shè)置聲音效果或為“懸停按鈕”設(shè)置具有動態(tài)顯示效果的圖片。比如在“按鈕” 框內(nèi),鍵入要用作“懸停按鈕”背景的圖片的 URL或單擊 “瀏覽” 來查找圖片,然后單擊 “確定”;再在“懸停時”框內(nèi)鍵入要用作“懸停按鈕”變化時的圖片的 URL,選定后單擊 [確定]即可。

  在“播放聲音”區(qū)域,選擇操作和聲音效果:

  為了使站點訪問者在單擊“懸停按鈕”時能夠播放聲音效果,請在“單擊時”框中鍵入聲音效果的 URL或單擊 “瀏覽”來查找聲音效果。

  為了使站點訪問者在指向“懸停按鈕”時能夠播放聲音效果,請在“懸停時”框中鍵入聲音效果的 URL,或單擊 “瀏覽” 來查找聲音效果文件所在位置。

  注意,因為“懸停按鈕”實際上是 Java 小程序,所以您可使用的聲音效果文件只能是 .au 格式;而且您不能使用 .midi 或 .wav 格式的聲音文件;此外,.au 文件還必須是 8 位,8000Hz,單聲道,u 法則格式。  全部設(shè)置完成后,若要預(yù)覽“懸停按鈕”在訪問者利用瀏覽器瀏覽您的網(wǎng)頁時所呈現(xiàn)的樣子,您可以單擊“預(yù)覽”選項卡,或單擊“在瀏覽器中預(yù)覽”(在 “文件” 菜單上)。

  怎么樣,鼠標(biāo)所到之處,圖片翻飛音效滾滾,絕對令訪問者折服!