用DW MX製作導航下拉菜單
導語:用Dreamweaver做網頁,下拉菜單是最常見的功能,下面就由小編為大家介紹一下如何用Dreamweaver MX製作導航下拉菜單,歡迎大家閲讀!
Dreamweaver從出道以來,其簡便易用而又功能強大的“行為”(Behavior)一直是大家所關注的熱點之一。在Dreamweaver MX(DW MX)中,對這一功能又有了擴充與改進。
在DW MX中,行為指的是為了響應某一事件(Event)而採取的一個操作(Action)。其中Event 指的是瀏覽器的事件,比如窗口刷新、鼠標移動等。而 Action 指的是後台響應事件的 JavaScript 代碼,可以完成相應的操作,比如播放聲音、翻轉圖片等。
用DW MX製作導航下拉菜單是網頁中經常使用的特效之一。(如圖1)主要應用了DW MX中的`“Show-Hide Layers”行為。
圖1
首先製作好導航條(圖1中的“產品中心”那一欄),隨後添加一個層,作為下拉菜單將要顯示的位置,並填入下拉菜單的對應欄目。
接下來,打開“Behaviors”面板,同時選中“產品中心”鏈接(注意,這個時候不能夠選中剛剛建好的層,否則無法應用“Show-Hide Layers”行為),單擊“+”號,選擇“Show-Hide Layers”,就可以看到我們剛剛建好的層在選擇項中,可以設定為隱藏或者顯示(如圖2)。
圖2
行為的妙用主要體現在:如果我們要實現下拉菜單,關鍵就是讓鼠標移到“產品中心”鏈接上時,使層顯示;而鼠標離開鏈接時,使層隱藏。根據這種思想,我們首先為這個層設立兩個Action,一個選擇Hide,一個選擇Show。然後,調整Event,將Hide Layer的Event設為OnMouseOut,即為鼠標離開鏈接;而將Show Layer的Event設為OnMouseOver,即為鼠標選中鏈接。按“F12”預覽,就可看到我們期盼的效果。
這樣,平時我們覺得很神祕的導航下拉菜單就可以輕易在行為中實現。還可以在導航鏈接上繼續應用 “Swap Image”行為,實現鼠標點選鏈接時出現圖片翻轉效果。
行為不是一個個孤立的特效,可以由多個行為組合疊加實現複雜的功能,除了DW MX默認設置好的行為外,我們還可以從上下載更多更酷的第三方行為,我們只需將它們直接複製到DreamweaverMXConfigurationBehaviorsActions目錄下即可,從而使DW MX的這一閃光點更加眩目。
-
SQl常用增刪改查模板
篇一:SQl常用增刪改查SQL常用增刪改查語句增加現在有一張表,表(Test)裏面有三個字段,分別為sno,sname,age。舉例用一條增加SQL語句,插入一條數據進庫。語句:Insertinto表名value(‘數據1’,’數據2’,’數據3’)具體操作:Insertintotestvalues('test','te...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
win2008 ASP顯示500內部錯誤不能顯示詳細錯誤的解決方法
在win2008系統中,有用户遇到這樣的情況:網站後台顯示500內部錯誤,但是卻無法打開詳細的錯誤信息。無法查看詳細的錯誤信息,用户就不能根據具體問題來解決了,這是一件很麻煩的事情。其實用户可以通過修改win2008系統中的IIS設置來顯示這個詳細的錯誤信息。一、造成50...
-
PHP開發工程師的具體職責14篇
PHP開發工程師的具體職責1職責:1、對公司新的網站項目、系統項目、小程序項目進行開發;2、維護支持公司現有的網絡和系統平台工作運行;3、按時、獨立、高質量地完成工作,確保相關代碼邏輯的正確性及健壯性;4、開發、維護、升級和優化系統,並能快速定位並及時修復...