您現在的位置是:電腦技術吧?>? 編程技術 ??>??展開菜單效果,rp如何設置菜單效果??>??正文詳情

展開菜單效果,rp如何設置菜單效果

相訪曼2019-11-18 09:10:34 人圍觀
簡介收縮菜單步驟1:制作菜單外觀,在dreamweaer中創建一個新文件,繪制一個層,在層中插入一個表(如圖1所示),裝飾表,然后添加菜單項并建立超鏈接。為了刪除超鏈接的下菜單圖片

第1步:制作菜單外貌  在Dreamweaer 中新建一個文件,繪制一個層,在該層中插入一個表格(如圖1),對該表格進行修飾,然后加入菜單項并建立各項的超鏈接,為了去掉超鏈接的下劃線,可以編輯超鏈接的CSS樣式,在CSS樣式面板中通過CSS選擇器將Link和Hover的Decoration(裝飾)均設置為 None(無),將Hover的Color(顏色)設置為紅色,最后將設置好的樣式應用到各個菜單條中(可按F12鍵預覽效果)。

  第2步:設計菜單的動態效果  1、選定層面,當鼠標變成十字形時按住左鍵將層面拖動到頁面右上角(使整個菜單條完全露出但上邊緣正好靠攏頁面上邊界),在窗口菜單中打開時間線面板,選定層面將其拖動到時間線上,Dreamweaer會自動產生一個長度為15幀的動畫對象,拖動該動畫對象的最后一個關鍵幀到第30幀,將其長度設置為30幀。

然后在第15幀處單擊右鍵,在彈出的快捷菜單中選擇添加關鍵幀選項插入一個關鍵幀,并將層面拖動到適當位置(如圖2)。

  在時間線窗口中的第15幀處再次單擊右鍵,在彈出的快捷菜單中選擇添加動作,為該幀添加一個交互行為,Dreamweaer將自動打開行為面板。

單擊行為面板中的 按鈕,從彈出的菜單中選擇Timeline/Stop Timeline,打開Stop Timeline對話框,選擇Timeline1后單擊確定按鈕關閉該對話框。

交互行為的事件為onFrame15,動作為Stop Timeline,這樣當時間線運行到第15幀時,動畫將停止播放,這樣就實現了菜單條彈回的功能。

  2、用同樣的方法在時間線的第30幀處也添加一個Stop Timeline的交互行為,這樣就實現了菜單彈出的功能。

添加了這兩個交互行為后,在時間線窗口的相應幀上面都出現了一個藍色方塊,它代表一個交互行為。

選擇自動播放和循環復選框,使動畫能夠自動循環播放(如圖3)。

  3、現在還要設置一個行為讓時間線停止后能繼續播放。

我的設想是這樣的:在一般狀態下菜單條彈回但僅保留下方的校園大觀字樣,而菜單條再次彈出和彈回則由鼠標是否經過了菜單條上的校園大觀來控制。

如此可以這樣繼續進行:選定菜單條中的校園大觀(要確保該字樣的超鏈接地址為#,即空鏈接)字樣,單擊行為面板中的 按鈕,在彈出的菜單中選擇Timeline/Play Timeline,在接著彈出的對話框中選擇Timeline1后單擊確定按鈕,這時行為面板中將增加一個行為,在其Events下拉列表中選擇onMouseOver事件,表示當鼠標處于該字樣上方時播放動畫(如圖4)。

  一個活動菜單條制作完成了。

可以按F12鍵預覽其效果。

版權聲明:本文由 相訪曼 整理編輯。

原標題:菜單選中效果定制,光照效果在哪個菜單

轉載注明出處:http://www.dn9ww09s.icu/program/13455.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • qsv格式轉換mp4,視頻怎么轉換mp4格式轉換

    qsv格式轉換mp4,視頻怎么轉換mp4格式轉換 相關圖片qsv怎么轉mp4最近,很多小伙伴都報告說,他們通過iqiyi下載的視頻格式是QSV,無法通過電腦附帶的播放器觀看。那么如何將QSV格式轉換為MP4格式呢?如何打開QSV文件?接視頻qsv格式怎么播...

  • 怎樣清理應用程序緩存,安卓應用緩存進程

    怎樣清理應用程序緩存,安卓應用緩存進程 相關圖片手機軟件緩存清理后果什么是應用緩存HTML5?它引入了應用程序緩存技術,這意味著可以在沒有網絡的情況下緩存和使用web應用程序。通過創建緩存清單文件,可以輕松創建脫機應用程序...

  • 控件沒有檢測到u盾,控件檢測不到u盾

    控件沒有檢測到u盾,控件檢測不到u盾 相關圖片工商銀行檢測不到u盾一些用戶在電腦上操作網上銀行,并因此插入U盾。打開網上銀行進行操作時,計算機提示控件不會檢測到您機器上的U盾。我該怎么辦?一。檢查u盾是否損壞,u盾上...

  • css3動畫,flash cs3怎么做動畫

    css3動畫,flash cs3怎么做動畫 相關圖片flashcs3動畫制作教程這是一個flashcs3模擬藝術設計系列教程。在上一課中,我們學習了縮小差距和改善角色的身體連接。在本課程中,我們學習了位圖動畫的性能。在本教程中,您將學習...

  • 機箱共振的嗡嗡聲怎么消除,機箱噪音大怎么回事

    機箱共振的嗡嗡聲怎么消除,機箱噪音大怎么回事 相關圖片機箱風扇噪音大怎么處理近日,不少小伙伴反映,他們的電腦機箱噪音很大,一拍手就恢復正常。底盤的噪音怎么樣?底盤的噪音怎么樣?接下來,超人軟件會為你解答,希望能幫到你...

  • 3D足球,足球員3d教程

    3D足球,足球員3d教程 相關圖片3d足球怎么畫最終效果:很像3D嗎?這些只是幻覺。。看看這個,你會看到一個便條:這是我翻譯的外國網站。如果有任何錯誤的翻譯,請給我一個提示。或操作不當一:創建一個整體標...

  • acdsee12許可證密鑰,acdsee許可證密鑰是什么意思

    acdsee12許可證密鑰,acdsee許可證密鑰是什么意思 相關圖片acdsee9許可證密鑰ACDSee是一款經典的圖像處理和管理軟件,能夠很好地瀏覽、管理和處理圖像。處理后的圖像也可以共享給更多的人觀看。Acdsee15目前是一個舊版本,但由于它的簡acdsee許...

  • 石墨文檔導出保存在哪里,手機石墨文檔小程序怎么導出

    石墨文檔導出保存在哪里,手機石墨文檔小程序怎么導出 相關圖片石墨文檔導出的word在哪里Graphite文檔是一個功能強大的在線文檔編輯器。通過graphite文檔,用戶和朋友可以同時編輯文檔。那么,石墨文檔如何在任何地方使用呢?如何使用石墨文件?石...

  • 之間和中間有什么區別,與和和的區別

    之間和中間有什么區別,與和和的區別 相關圖片哪里和哪里的區別及用法div和span元素的最大特點是,默認情況下它們不會以任何格式呈現元素中的對象。主要用于應用樣式表。兩者之間最明顯的區別是div是塊元素,而span是內聯元素。...

  • utorrent沒速度,utorrent下載沒速度

    utorrent沒速度,utorrent下載沒速度 相關圖片utorrent上傳速度為零Utorrent是一個下載外國種子的神奇工具,但許多合作伙伴說Utorrent下載速度不快,他們不懂如何用英語操作。Utorrent的下載速度如何?如何設置電流utorrent加速...

熱評文章

  • 筆記本重裝系統鍵盤錯亂,筆記本按鍵錯亂修復

    筆記本重裝系統鍵盤錯亂,筆記本按鍵錯亂修復 相關圖片筆記本接外接鍵盤按鍵錯亂雖然筆記本電腦的按鍵亂七八糟的情況很少見,但并不是沒有。小編安排了一個解決筆記本電腦按鍵紊亂的方案,讓大家都能做好準備。讓我們看看如何處理...

  • box sizing,boxsizing有什么用

    box sizing,boxsizing有什么用 相關圖片boxsizing的應用場景“框大小”屬性允許您以特定方式定義與區域匹配的特定元素。盒大小是CSS3的盒屬性之一。說到CSS的box模型,我想很多人都會很惱火,尤其是新手。然而,這個boxbor...

  • stp可以用什么打開,stp格式文件用什么軟件打開

    stp可以用什么打開,stp格式文件用什么軟件打開 相關圖片手機3d看圖軟件stp最近,很多小伙伴說他們在使用電腦的過程中遇到了STP文件,但是他們不知道如何打開STP文件。什么軟件用來打開STP文件?現在,超人軟件小編想為你解答STP文件的st...

  • 隨手記賬戶,隨手記存管賬戶

    隨手記賬戶,隨手記存管賬戶 相關圖片隨手記賬號是哪個作為一個實用的記賬軟件,最常被問到的問題是如何修改賬戶?如何將帳戶還原為默認值。接下來,超人軟件為大家介紹相關的筆記內容,希望大家喜歡它的同時隨手...

  • 鉸鉸,鏜和絞

    鉸鉸,鏜和絞 相關圖片茭白生產步驟:1。選擇free form工具(q)并單擊stage上的組件。組件上的中心點由實心白色圓圈表示。單擊并將圓拖動到新位置。在我的情況下,我把這個圓圈移動鉸什么意思...

  • 手機caj怎么轉換成pdf,caj文件怎么改為pdf

    手機caj怎么轉換成pdf,caj文件怎么改為pdf 相關圖片caj免費轉換CAJ是中國學術期刊數據庫中的一種文件格式。不好的二次編輯是它最大的缺點。因此,許多小伙伴想知道如何將CAJ轉換成PDF?如何將CAJ轉換成word?現在,超人caj整篇怎么轉換...

  • 旋轉3D,3d怎么旋轉

    旋轉3D,3d怎么旋轉 相關圖片可以用3D旋轉工具的對象是效果演示:使圖標交互:當鼠標單擊圖標時旋轉該圖標,并使該圖標顯示在屏幕前部//Define the angle of rotation var endangle3D旋轉相冊...

  • led顯示屏程序,windows10無法訪問路徑

    led顯示屏程序,windows10無法訪問路徑 相關圖片防火墻英文據推測,許多windows用戶和朋友遇到了無法訪問指定設備路徑或文件的情況。那么,如果windows不能訪問指定的設備路徑或文件呢?接下來,超人軟件將為您解答。win7無法訪問...

  • win8應用商店在哪,win8應用商店不見了

    win8應用商店在哪,win8應用商店不見了 相關圖片win8應用商店下載蘋果系統關閉,這也使得蘋果專賣店給蘋果帶來了很多收入。作為PC端最大的操作系統,微軟的windows怎么能放過這頓飯呢?所以微軟也推出了自己的應用商店。但習慣于...

  • css語法例子,css的基本語法結構

    css語法例子,css的基本語法結構 相關圖片css selector 語法一。基本語法CSS的定義由三部分組成:selector、properties和value基本格式如下:selector{property:value}(selecss讓字一個一個出來...

關注微信

变脸官网查询