Dreamweaver的行為體驗(yàn)
2007/1/12 8:45:24
Dreamweaver(以下簡(jiǎn)稱DW)提供了一種稱為“Behavior”(行為)的機(jī)制,幫助你構(gòu)建頁(yè)面中的交互行為。行為,就是在網(wǎng)頁(yè)中進(jìn)行一系列動(dòng)作,通過(guò)這些動(dòng)作實(shí)現(xiàn)用戶與頁(yè)面的交互。利用DW的行為,你不需要書寫一行代碼,就可以實(shí)現(xiàn)豐富的動(dòng)態(tài)頁(yè)面效果,達(dá)到用戶與頁(yè)面的交互。
  一個(gè)行為是由事件和動(dòng)作組成的。事件是動(dòng)作被觸發(fā)的結(jié)果,而動(dòng)作是用于完成特殊任務(wù)的預(yù)先編好的javascript代碼,諸如打開一個(gè)瀏覽器窗口,播放聲音等。
  當(dāng)對(duì)一個(gè)頁(yè)面元素使用行為時(shí),你可以指定動(dòng)作和所觸發(fā)的事件。在DW中已經(jīng)提供了一些確定的動(dòng)作,你可以把它們應(yīng)用在頁(yè)面元素中。
  一、內(nèi)置的一些基本行為
  1.調(diào)用JavaScript(Call JavaScript)
  這個(gè)行為允許你設(shè)置當(dāng)某些事件被觸發(fā)時(shí),調(diào)用相應(yīng)的JavaScript腳本,以實(shí)現(xiàn)相應(yīng)的動(dòng)作。在這個(gè)行為設(shè)置時(shí),你可以直接輸入JavaScript腳本或者函數(shù)。
  2.改變屬性(Change Property)
  這個(gè)行為允許你動(dòng)態(tài)地改變對(duì)象屬性,比如圖像的大小、層的背景色等等。需要注意的是,這個(gè)行為的設(shè)置取決于瀏覽器的支持。
  3.檢查瀏覽器(Check Brower)
  不同瀏覽器的支持能力有一定的差異,利用這個(gè)行為,我們可以檢查瀏覽器的版本,以跳轉(zhuǎn)到不同的頁(yè)面。
  4.檢查插件(Check Plugin)
  有時(shí)候我們制作的頁(yè)面需要某些插件的支持,比如使用Flash制作的網(wǎng)頁(yè),所以有必要對(duì)用戶瀏覽器的插件進(jìn)行檢查,看看它是否安裝了指定的插件。這個(gè)行為就可以實(shí)現(xiàn)這一點(diǎn)。
  5.控制Shockwave或者Flash(Control Shockwave or Flash)
  Shockwave和Flash是目前網(wǎng)頁(yè)制作經(jīng)常插入的對(duì)象,這個(gè)行為就是用于控制這些對(duì)象的。用它可以控制動(dòng)畫的播放、停止、返回,還可以控制直接跳轉(zhuǎn)到第幾幀。
  6.移動(dòng)分層(Drag Layer)
  “移動(dòng)分層”行為可以實(shí)現(xiàn)在頁(yè)面上分層的移動(dòng),甚至是分層內(nèi)容的移動(dòng)。
  7.跳轉(zhuǎn)到URL(Go To URL)
  你可以制定當(dāng)前瀏覽器窗口或者指定的框架窗口載入指定的頁(yè)面。
  8.跳轉(zhuǎn)表單(Jump Menu)
  “跳轉(zhuǎn)表單”行為主要是用于編輯跳轉(zhuǎn)表單。
  9.彈出信息對(duì)話框(Popup Message)
  如果你要在頁(yè)面上顯示一個(gè)信息對(duì)話框,或者給用戶一個(gè)提示信息,就可以使用這個(gè)行為了。
  二、簡(jiǎn)單實(shí)例
  下面我們就以動(dòng)態(tài)圖片為例,介紹一下行為的使用。首先你要制作兩張大小相同的圖片1和圖片2。下面是具體步驟。
  1.打開DW創(chuàng)建一個(gè)頁(yè)面,在這個(gè)頁(yè)面中插入圖1。
  2.在DW編輯窗口選擇好圖1。
  3.在菜單“windows”中選擇“Behaviors”或者是按F8來(lái)打開Behavior面板。注意,在Events For的彈出式菜單中,“3.0 and Later Browsers”應(yīng)該被選擇。
  4.按“+”號(hào)按鈕添加一個(gè)新的行為——“Swap Image”(變換圖片),這時(shí)會(huì)彈出“Swap Image”的對(duì)話框。在圖片列表中,你將看見(jiàn)在頁(yè)面中的所有圖片的列表,選中你要變換的圖片1,這是原始圖片,當(dāng)鼠標(biāo)指針移到它上面時(shí),它將會(huì)被一張高亮顯示的圖片2所替代。
  5.單擊Browse按鈕,選擇好你要替換的,通過(guò)“onMouseOver”事件,選擇的圖片2代替了原圖片1。
  6.選擇默認(rèn)設(shè)置進(jìn)行圖片的預(yù)調(diào)用和存儲(chǔ)。
  “Preload Images”選項(xiàng)表示在整個(gè)頁(yè)面下載時(shí),把進(jìn)行變換的圖片放進(jìn)瀏覽器的緩存里,當(dāng)瀏覽者第一次把鼠標(biāo)指針移到Our Story圖片上時(shí),他幾乎感覺(jué)不到高亮圖片的出現(xiàn)有什么延遲。“Restore Images onMouseOut”選項(xiàng)表示當(dāng)“onMouseOut”(鼠標(biāo)移開)事件發(fā)生時(shí),自動(dòng)地將圖片恢復(fù)原狀。
  7.設(shè)置完成后點(diǎn)擊“OK”按鈕關(guān)閉“Swap Image“對(duì)話框,應(yīng)用剛才的設(shè)置。
  這時(shí)Behavior面板包含了你剛才為圖片所設(shè)置的事件和動(dòng)作。“OnMouseOver”事件旁有一個(gè)“Swap Image”動(dòng)作的標(biāo)記,在它上

下一頁(yè)
返回列表
返回首頁(yè) 主站蜘蛛池模板: 欧美一级高清片免费一级| 蜜芽亚洲欧美一区二区电影| 天天碰免费视频| 久久久久人妻精品一区二区三区| 欧美人与性动交α欧美精品图片| 免费少妇a级毛片| 老司机天堂影院| 日韩一区二区三区北条麻妃| 亚洲成人网在线| 狠狠综合久久综合88亚洲| 又紧又大又爽精品一区二区| 青青国产在线视频| 国产日韩在线视频| 2021国产果冻剧传媒不卡| 天堂在线免费观看中文版| 丁香婷婷在线观看| 无遮挡很爽很污很黄在线网站 | 美女免费视频一区二区三区| 国产在线不卡免费播放| 亚洲综合精品香蕉久久网| 国产香蕉尹人综合在线观看| chinese乱子伦xxxx国语对白| 成人A级视频在线播放| 久久a级毛片免费观看| 日韩一区二区三区电影在线观看| 亚洲s色大片在线观看| 欧美性大战久久久久久| 亚洲福利在线看| 黑人太粗太深了太硬受不了了| 国产精品视频色拍拍| 99精品国产在热久久| 女人说疼男人就越往里| 三级网址在线播放| 无翼少无翼恶女漫画全彩app| 久久精品一区二区三区日韩 | 欧美xxxx做受性欧美88| 亚洲国产精品无码久久一区二区| 每日更新在线观看av| 亚洲精品自在在线观看| 男人都懂的网址在线看片| 免费观看的黄色网址|