日期:2012-06-24 23:35:00 来源:本站整理
Dreamweaver中若何制作漂亮的导航条按钮[DW设计]
本文“Dreamweaver中若何制作漂亮的导航条按钮[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
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,因为后者拜候后有虚线框,不美好.目前存盘看看效果吧!
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,因为后者拜候后有虚线框,不美好.目前存盘看看效果吧!
以上是“Dreamweaver中若何制作漂亮的导航条按钮[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |
评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论