您现在的位置是：网站首页> 编程资料编程资料
Dreamweaver中如何制作漂亮的导航条按钮_Dreamweaver教程_网页制作_
2021-09-11
851人已围观
简介 想做一个漂亮的导航按钮。不知道代码？下面给朋友们介绍一下
1.首先创建一个1x6的表格，参数为：border=0 cellspacing=3 cellpadding=0；
2.在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%；
3.建立一个CSS样式.up和.down；代码如下：
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；代码如下：
4.对插入的表格调用样式和行为，代码如下：
class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" onclick=window.open("button.htm","_blank")
注意：链接请用onclick，不要用href，因为后者访问后有虚线框，不美观。现在存盘看看效果吧！
相关内容
- Dreamweaver中设计多彩文字链接的方法_Dreamweaver教程_网页制作_
- Dreamweaver中制作细边的表格的技巧 _Dreamweaver教程_网页制作_
- Dreamweaver中制作活动菜单条效果的方法 _Dreamweaver教程_网页制作_
- Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法_Dreamweaver教程_网页制作_
- DreamWeaver插件 Javascript文件美化、自动缩进 _Dreamweaver教程_网页制作_
- DreamWeaver插件 简体字繁体字转化 _Dreamweaver教程_网页制作_
- dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息_Dreamweaver教程_网页制作_
- dreamweaver做网页实例教程 嵌入式框架的妙用_Dreamweaver教程_网页制作_
- dreamweaver做网页实例教程 利用表格美化页面_Dreamweaver教程_网页制作_
- dreamweaver做网页实例教程 制作弹出菜单_Dreamweaver教程_网页制作_
