• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 英语文章 > 正文

    Dreamweaver导航条按钮制作方法_站点中导航条的制作方法

    时间:2018-08-10来源:山茶花美文网 本文已影响 山茶花美文网手机站

     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导航条按钮制作方法_站点中导航条的制作方法 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全