日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

用Dreamweaver制作拖拽效果_Dreamweaver教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在網(wǎng)上,我們經(jīng)�?梢钥吹揭恍┓浅�(shí)用的拖拽效果,非凡是應(yīng)用于網(wǎng)上購(gòu)物時(shí),訪問(wèn)者直接就可以把選中的物品拖拽到購(gòu)物箱或者購(gòu)物車(chē)?yán)铮浅7奖�、有趣。不過(guò)大多數(shù)人不知道,其實(shí)用Dreamweaver中的Behaviors也可以做出同樣的效果來(lái)。假如你有愛(ài)好,就和我一起來(lái)制作一個(gè)具有拖拽效果的的購(gòu)物箱吧!

在做拖拽效果的網(wǎng)頁(yè)之前,首先我們要預(yù)備一些圖片。比如用作購(gòu)物箱或購(gòu)物車(chē)的一張大圖片,外加幾張代表物品的小圖片。我在這兒預(yù)備了一個(gè)購(gòu)物袋,還有幾樣物品,它們分別是:手機(jī)、游戲手柄和汽車(chē)(哇!汽車(chē)也可以拖進(jìn)購(gòu)物袋中��!)。

預(yù)備好了圖片,就可以開(kāi)始我們的工作了。打開(kāi)Dreamweaver,新建一個(gè)頁(yè)面,在對(duì)象面板中選擇圖層工具,然后用鼠標(biāo)在頁(yè)面上拖出一個(gè)圖層來(lái)(或者選擇“Insert/Layer”,插入一個(gè)新層)。然后,把鼠標(biāo)放進(jìn)層中,再選擇“對(duì)象/插入圖像工具”,在此圖層中插入剛才預(yù)備好的一個(gè)圖片。

重復(fù)上面的動(dòng)作,再接著插入3個(gè)圖層,然后在此3個(gè)圖層中分別插入你預(yù)備好的另外幾張圖片。完成后效果如圖1。


圖1

好了,重要的一步來(lái)了。點(diǎn)擊“窗口/動(dòng)作”,會(huì)彈出“動(dòng)作(Behaviors)”對(duì)話(huà)框來(lái),如圖2。點(diǎn)擊對(duì)話(huà)框上方的“ ”號(hào)后,會(huì)再?gòu)棾鲆粋(gè)菜單,選擇此菜單中的“Drag Layer”,接著再?gòu)棾龅�,就是“Drag Layer”對(duì)話(huà)框了,如圖3。


圖2

在此對(duì)話(huà)框中可以分別設(shè)置幾個(gè)圖層的屬性。我們把插入購(gòu)物袋圖像的那個(gè)圖層設(shè)置為“不可移動(dòng)層(Unconstrained)”,其余的幾個(gè)圖層設(shè)置為“可移動(dòng)層(Constrained)”。在此對(duì)話(huà)框上還有一個(gè)“Advanced”選項(xiàng),點(diǎn)擊它,在此面板上勾選“When Drag”選項(xiàng),然后再把“Ring layer to front,then”選項(xiàng)設(shè)定為“Restored z-index”就可以了。


圖3

重復(fù)上述步驟,分別設(shè)置好其他幾個(gè)圖層的屬性,設(shè)置好的“Behaviors”對(duì)話(huà)框的中間文本框中多出了4個(gè)“onLoad”標(biāo)記。

好了,設(shè)置完這些,我們的工作也完成了,別忘了保存網(wǎng)頁(yè),然后按下“F12”鍵,看看你做的拖動(dòng)頁(yè)面酷不酷?


來(lái)源:網(wǎng)上收集//所屬分類(lèi):Dreamweaver教程/更新時(shí)間:2005-05-04
相關(guān)Dreamweaver教程