導(dǎo)航欄由圖像組成,這些圖像的顯示內(nèi)容因用戶操作不同而有變化,導(dǎo)航欄通常提供一種簡(jiǎn)單的方法在站點(diǎn)的頁(yè)面和文件之間移動(dòng),下文是四點(diǎn)告訴你Dreamweaver中制作漂亮導(dǎo)航條的方法,一起跟著錯(cuò)新技術(shù)頻道小編的步伐來(lái)學(xué)習(xí)吧!
四點(diǎn)告訴你Dreamweaver中制作漂亮導(dǎo)航條的方法
1.首先創(chuàng)建一個(gè)1x6的表格,參數(shù)為:border=0 cellspacing=3 cellpadding=0;
2.在這個(gè)表格的每個(gè)單元格內(nèi)分別插入一個(gè)表格,寬度和高度設(shè)為100%;
3.建立一個(gè)CSS樣式.up和.down;代碼如下:
4.對(duì)插入的表格調(diào)用樣式和行為,代碼如下:
class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" onclick=window.open("button.htm","_blank")
注意:鏈接請(qǐng)用onclick,不要用href,因?yàn)楹笳咴L問后有虛線框,不美觀?,F(xiàn)在存盤看看效果吧!
通過錯(cuò)新技術(shù)頻道小編介紹的四點(diǎn)告訴你Dreamweaver中制作漂亮導(dǎo)航條的方法,相信大家都有了一定的了解,如需了解更多的相關(guān)資訊,請(qǐng)繼續(xù)關(guān)注錯(cuò)新技術(shù)頻道吧!
新聞熱點(diǎn)
疑難解答