首页前端开发HTMLDreamweaver中如何制作漂亮的导航条按钮

Dreamweaver中如何制作漂亮的导航条按钮

时间2024-01-28 13:47:03发布访客分类HTML浏览731
导读:收集整理的这篇文章主要介绍了Dreamweaver中如何制作漂亮的导航条按钮,觉得挺不错的,现在分享给大家,也给大家做个参考。 1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpaddi...
收集整理的这篇文章主要介绍了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,因为后者访问后有虚线框,不美观。现在存盘看看效果吧!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

导航

若转载请注明出处: Dreamweaver中如何制作漂亮的导航条按钮
本文地址: https://pptw.com/jishu/589719.html
Dreamweaver怎么插入Spry重复列表? dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?

游客 回复需填写必要信息