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,因为后者访问后?#34892;?#32447;框,不美观。现在存盘看看效果吧!

相关文章

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

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

    dreamweaver怎?#35789;?#29992;正则表达式?dreamweaver页面中?#34892;?#35201;替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下
    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网页怎?#21019;?#24314;多个层?

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

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

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

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

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

最新评论

时时彩包赢公式0369
香港赛马会提示资料 福建快3形态走式图 浙江风采网双色球走势图 网上买篮彩最好平台 爱彩乐江苏十一选五 三张牌不要钱 排列五走势图带连线预测 竟彩足球比分直播现场彩客网 黑龙江十一选五中奖号码 德州扑克桌 香港六合彩中彩网 七星彩规律103期预测 梭哈扑克牌很牛 排球少年官方壁纸 欢乐斗地主大集大利迎金牛