您现在的位置是:网站首页> 编程资料编程资料
Dreamweaver中如何制作漂亮的导航条按钮_Dreamweaver教程_网页制作_
2023-11-06
338人已围观
简介 想做一个漂亮的导航按钮。不知道代码?下面给朋友们介绍一下
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教程_网页制作_
- 刀塔传奇竞技场英雄排名 阵容组合推荐_手机游戏_游戏攻略_
- 神庙逃亡2 绿宝石修改攻略_手机游戏_游戏攻略_
- 雷霆战机电浆炮进阶指南 新手必看攻略_手机游戏_游戏攻略_
- 且行且珍惜手游玩法介绍_手机游戏_游戏攻略_
- 炉石传说ipad版闪退怎么办?炉石传说ipad闪退黑屏如何解决?_手机游戏_游戏攻略_
