26. 制作鼠標(biāo)移上去后有變化的動(dòng)態(tài)菜單
所謂動(dòng)態(tài)菜單其實(shí)是兩幅圖,一幅是鼠標(biāo)不放在上面所顯示的,另一副是鼠標(biāo)移上去所顯示的。我們可以利用dreamweaver提供的行為之中的swap image來(lái)實(shí)現(xiàn)這個(gè)效果。首先插入一副圖片,用鼠標(biāo)單擊它,在屬性面版的連接欄內(nèi)輸入要連接的網(wǎng)頁(yè)。然后打開(kāi)行為面板添,點(diǎn)擊“+”號(hào),選擇swap image。接著出現(xiàn)一個(gè)窗口,要你選擇鼠標(biāo)移上去后所顯示的圖片,在此選擇第二副圖片,點(diǎn)擊“確定”。好了,效果完成了,多簡(jiǎn)單。
27. 用dreamweaver制作出一個(gè)類似于下拉菜單的效果
制作一個(gè)類似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是:在頁(yè)面中插入一個(gè)單行多列的表格,作為你的菜單條。表格的列數(shù)由菜單選項(xiàng)的多少?zèng)Q定。插入一個(gè)層,在層中輸入第一個(gè)下拉菜單的內(nèi)容,并把這個(gè)層移動(dòng)到表格第一列的下面。同理,對(duì)其他菜單項(xiàng)也作如上的操作,插入相應(yīng)的層。把所有層的顯示屬性(vis)改為隱藏(hidden)。
選擇表格的第一個(gè)單元,單擊窗口(windows)→行為(behaviors),彈出行為面板。按下“+”添加行為show-hide layers,并將第一個(gè)層(layer1)屬性改為顯示(show),其他層的屬性改為隱藏(hide)。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onmouseover。這樣,當(dāng)鼠標(biāo)移動(dòng)到第一個(gè)表格單元之上時(shí),第一個(gè)下拉菜單就會(huì)顯示出來(lái)。接著再添加一個(gè)行為show-hide layers,并將所有層的屬性改為隱藏。接著在行為面板中編輯這個(gè)行為,將它的觸發(fā)事件(events)改為onmouseout。這樣當(dāng)鼠標(biāo)從第一個(gè)表格單元之上移開(kāi)時(shí),第一個(gè)下拉菜單就會(huì)隱藏起來(lái)。對(duì)其他的菜單項(xiàng)重復(fù)上述操作。但要注意設(shè)置“菜單二”時(shí),第二層顯示,其他層隱藏;設(shè)置“菜單三”時(shí),第三層顯示,其他層隱藏;依此類推下去。好了,做好了,按f12看看吧。
28. 輕松制作下載文件
用dreamweaver其實(shí)很簡(jiǎn)單,把要讓瀏覽者下載的文件名寫(xiě)上,然后拖動(dòng)鼠標(biāo)選取這段文字,在文本的屬性面板上“link”的屬性輸入框中寫(xiě)上文件名就行了。注意:若被下載的文件與該網(wǎng)頁(yè)不在同一目錄下,則文件名必須包含相對(duì)路徑,否則在下載時(shí)將提示找不到文件。
29. 利用dreamweaver的書(shū)簽制作跳轉(zhuǎn)鏈接
利用dreamweaver的書(shū)簽我們可以實(shí)現(xiàn)這個(gè)功能。具體方法是:將光標(biāo)移到你想跳轉(zhuǎn)到的地方,選擇菜單中的“插入(insert)→書(shū)簽(name anchor)”,輸入書(shū)簽的名稱。接下來(lái),在你想調(diào)用鏈接的鏈接目標(biāo)框中填入“#書(shū)簽名稱”,這樣一個(gè)頁(yè)面內(nèi)的跳轉(zhuǎn)鏈接就做好了。在這里,如果我們?cè)跁?shū)簽名稱前填入網(wǎng)頁(yè)的名稱,就會(huì)跳轉(zhuǎn)到其他頁(yè)面中的書(shū)簽處。 比如說(shuō)我們?cè)趌ink處填入“index.htm#top”,當(dāng)瀏覽者點(diǎn)擊這個(gè)鏈接時(shí)就會(huì)跳轉(zhuǎn)到index頁(yè)面中的top書(shū)簽處。
30. 去掉圖片和表格接觸地方的空隙
要使圖片和表格接觸的地方不留空隙,僅在表格屬性面板上把外框線(border)設(shè)為0是不行的,還需要在表格的屬性面板上把單元格的兩個(gè)屬性設(shè)為0(即cellspacing="0"和cellpadding="0")。