萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> Dreamweaver中如何制作漂亮的導航條按鈕

Dreamweaver中如何制作漂亮的導航條按鈕

  1.首先創建一個1x6的表格,參數為:border=0 cellspacing=3 cellpadding=0;
2.在這個表格的每個單元格內分別插入一個表格,寬度和高度設為100%;
3.建立一個CSS樣式.up和.down;代碼如下:
<style>
.up{
border:4 outset royalblue;color:yellow;background:blue;cursor:hand
}
.down{
border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand
}
</style> 
4.對插入的表格調用樣式和行為,代碼如下:
class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" onclick=window.open("button.htm","_blank")
注意:鏈接請用onclick,不要用href,因為後者訪問後有虛線框,不美觀。現在存盤看看效果吧! 

copyright © 萬盛學電腦網 all rights reserved