您的位置: 首页 > 软件教程 > Dreamweaver导航条按钮制作方法

Dreamweaver导航条按钮制作方法

7.3分
出处:网络 时间:2012-06-08

您可能感兴趣的话题: Dreamweaver  

核心提示:教你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,因为后者访问后有虚线框,不美观。现在存盘看看效果吧!

网友评论
多特网友 2014-11-23 21:07:52 回复
要代码没用,要具体操作,代码麻烦还
多特网友 2014-05-21 22:24:16 回复
插入的表格指的啥
多特网友 2013-04-19 16:50:37 回复
教程要图文并茂 这是最基本的  最好的教程就是视频 但视频也得有声音 也许是不会说话吧 哈哈 不会说话就打字嘛  那些视频连声音都没有  怀疑是不会说话 有什么用嘛 这样的教程 浪费空间  网站管理把这些教程删掉算了 对学员没用的
多特网友 2013-02-04 12:07:22 回复
连图都没有
多特网友 2012-12-27 17:06:54 回复
差劲! 差劲! 差劲! 差劲! 差劲!
多特网友 2013-04-19 16:50:37 回复
教程要图文并茂 这是最基本的  最好的教程就是视频 但视频也得有声音 也许是不会说话吧 哈哈 不会说话就打字嘛  那些视频连声音都没有  怀疑是不会说话 有什么用嘛 这样的教程 浪费空间  网站管理把这些教程删掉算了 对学员没用的
多特网友 2012-06-18 12:55:16 回复
我要的是按钮代码我不知道你写的是什么看不懂
多特网友 2012-06-01 15:46:32 回复
都是不会才看的  你搞那么多代码 刚开始学的能看懂吗
多特网友 2014-11-23 21:07:52 回复
要代码没用,要具体操作,代码麻烦还
多特网友 2012-05-26 18:46:42 回复
确实看不懂

精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
快播播放器(Qvod Player)是一款基... [详细]
Word是由Microsoft公司出版的文字... [详细]
《植物大战僵尸》是一款极富策略性的小游戏,可... [详细]
Excel是office的重要组成部分。多特... [详细]