一鍵復(fù)制
每個(gè)人都曾試圖在平淡的學(xué)習(xí)、工作和生活中寫一篇文章。寫作是培養(yǎng)人的觀察、聯(lián)想、想象、思維和記憶的重要手段。范文怎么寫才能發(fā)揮它最大的作用呢？以下是我為大家搜集的優(yōu)質(zhì)范文，僅供參考，一起來(lái)看看吧
dreamweaver拖拽布局 在dreamweaver中,拖動(dòng)層動(dòng)作的基本篇一
在網(wǎng)上，我們經(jīng)常可以看到一些非常實(shí)用的拖拽效果，特別是應(yīng)用于網(wǎng)上購(gòu)物時(shí)，訪問(wèn)者直接就可以把選中的物品拖拽到購(gòu)物箱或者購(gòu)物車?yán)铮浅７奖?、有趣。不過(guò)大多數(shù)人不知道，其實(shí)用dreamweaver中的behaviors也可以做出同樣的效果來(lái)。如果你有興趣，就和我一起來(lái)制作一個(gè)具有拖拽效果的的購(gòu)物箱吧!
在做拖拽效果的網(wǎng)頁(yè)之前，首先我們要準(zhǔn)備一些圖片。比如用作購(gòu)物箱或購(gòu)物車的一張大圖片，外加幾張代表物品的小圖片。我在這兒準(zhǔn)備了一個(gè)購(gòu)物袋，還有幾樣物品，它們分別是：手機(jī)、游戲手柄和汽車(哇!汽車也可以拖進(jìn)購(gòu)物袋中啊!)。
準(zhǔn)備好了圖片，就可以開始我們的工作了。打開dreamweaver，新建一個(gè)頁(yè)面，在對(duì)象面板中選擇圖層工具，然后用鼠標(biāo)在頁(yè)面上拖出一個(gè)圖層來(lái)(或者選擇“insert/layer”，插入一個(gè)新層)。然后，把鼠標(biāo)放進(jìn)層中，再選擇“對(duì)象/插入圖像工具”，在此圖層中插入剛才準(zhǔn)備好的一個(gè)圖片。
重復(fù)上面的動(dòng)作，再接著插入3個(gè)圖層，然后在此3個(gè)圖層中分別插入你準(zhǔn)備好的另外幾張圖片。完成后效果如圖1。
圖1
好了，重要的一步來(lái)了。點(diǎn)擊“窗口/動(dòng)作”，會(huì)彈出“動(dòng)作(behaviors)”對(duì)話框來(lái)，如圖2。點(diǎn)擊對(duì)話框上方的“+”號(hào)后，會(huì)再?gòu)棾鲆粋€(gè)菜單，選擇此菜單中的“drag layer”，接著再?gòu)棾龅?，就是“drag layer”對(duì)話框了，如圖3。
圖2
在此對(duì)話框中可以分別設(shè)置幾個(gè)圖層的.屬性。我們把插入購(gòu)物袋圖像的那個(gè)圖層設(shè)置為“不可移動(dòng)層(unconstrained)”，其余的幾個(gè)圖層設(shè)置為“可移動(dòng)層(constrained)”。在此對(duì)話框上還有一個(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ì)話框的中間文本框中多出了4個(gè)“onload”標(biāo)記。
s("content_relate");【怎樣用dreamweaver制作拖拽效果】相關(guān)文章：
1.怎么用dreamweaver制作拖拽效果2.dreamweaver表格制作步驟3.制作dreamweaver的技巧4.關(guān)于dreamweaver表格制作5.dreamweaver怎么制作網(wǎng)頁(yè)6.最新dreamweaver線框制作介紹7.dreamweaver怎樣制作網(wǎng)頁(yè)模板8.dreamweaver網(wǎng)頁(yè)設(shè)計(jì)制作技巧9.如何利用dreamweaver制作彈出菜單
复制成功
