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

  发布时间:2012-05-14 10:59:36   作者:佚名   我要评论

想做一个漂亮的导航按钮。不知道代码?下面给朋友们介绍一下
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,因为后者访问后有虚线框,不美观。现在存盘看看效果吧!

相关文章

  • Dreamweaver怎么插入水平线并设置颜色?

    Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2019-05-06
  • dreamweaver怎么使用正则表达式?

    dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-30
  • Dreamweaver网页怎么插入单选按钮?

    Dreamweaver网页怎么插入单选按钮?Dreamweaver设计网页的时候,需要使用单选按钮,该怎么插入单选按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-26
  • Dreamweaver CC2019怎么制作关注按钮?

    Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-25
  • Dreamweaver CS3复选框怎么用? dw复选框属性介绍

    Dreamweaver CS3复选框怎么用?Dreamweaver CS3制作网页的时候,经常使用复选框,复选框的各种属性有什么作用?下面我们就来看看dw复选框属性介绍,需要的朋友可以参考下
    2019-04-24
  • Dreamweaver CS3网页怎么创建多个层?

    Dreamweaver CS3网页怎么创建多个层?Dreamweaver CS3制作页面的时候,经常使用层,可以容纳网页元素的容器,下面我们就来看看一个简单的实例教程,需要的朋友可以参考下
    2019-04-24
  • Dreamweaver修改后的网页运行页面不变该怎么办?

    Dreamweaver修改后的网页运行页面不变该怎么办?Dreamweaver对某些网页进行了修改,保存后再运行发现没有任何改变,这个怎么回事?该怎么解决呢?请看下文详细介绍,需要的
    2019-04-23
  • Dreamweaver怎么套用网站源代码设计网页?

    Dreamweaver怎么套用网站源代码设计网页?Dreamweaver中想要设计网页,我们可以直接套用网站源代码来实现,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-22
  • Dreamweaver制作网页需要掌握哪些小技巧?

    Dreamweaver制作网页需要掌握哪些小技巧?很多朋友使用Dreamweaver设计网页,当编辑文本的时候很多新手不太熟练,今天我们就来分享一些小技巧,请看下文详细介绍,需要的朋
    2019-04-19
  • Dreamweaver代码区怎么输入标题1?

    Dreamweaver代码区怎么输入标题1?Dreamweaver输入文字的时候,需要添加标题1,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-18

最新评论