大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> DREAMWEAVER -> 用表格巧妙制作导航条按钮

用表格巧妙制作导航条按钮

时间: 2021-07-31 作者:daque

      看到上头的导航条了吗?你不妨点击一下看看它的功效,请提防,这然而用表格做出来的,你断定吗?本来代码很大略,此刻让咱们来看看该如何做。

  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,由于后者考察后有虚线框,不场面。此刻存盘看看功效吧!

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.