Dreamweaver导航条按钮制作方法 |
看到上面的导航条了吗?你 可以点击一下看看它的 动机,请 留神,这可是用表格做出来的,你相信吗?其实代码很 方便,现在让我们来看看该怎么做 。 1.首先 缔造一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0; 2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%; 3. 构建一个CSS 款式.up和.down;代码如下:
.up{ border:4 outset royalblue;color:yellow;background:blue;cursor:hand } .down{ border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand }
4.对插入的表格调用 款式和行为,代码如下: class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" onclick=window.open("button.htm","_blank") 留神:链接请用onclick,不要用href,由于后者 拜访后有虚线框,不 好看 。现在存盘看看 动机吧! |