这样的导航条，如何搞定 - Dreamweaver及网页制作 - 5D互动论坛 - 五维多媒体

您还没有登录,现在登录 | 注册5D通行证

5D 博客新控制面板,操作更简单!

首页

资讯

作品

教程

博客

论坛

论坛首页规章制度搜索帮助

» 互动论坛 » Dreamweaver及网页制作 » 这样的导航条，如何搞定

发起主题

回复主题

跳转到：

每页显示15条 1/1<<<1>>

	主题: 这样的导航条，如何搞定
handylee_5d 职务：普通成员等级：1 金币：0.0 发贴：70	引用 #12004/8/10 10:42:33 移动梦网以前的网站上的这个导航条很不错，自己也尝试着做一下，开始觉得不过用些层就可以了，结果在做的时候发现不少难点。不知道高手如何做图片如下：，当鼠标放在每个链接上市，有关它的子类板块以相同颜色出现在下面，每个大类的颜色都不同，请好好想一想如何实现啊
浮尘职务：普通成员等级：3 金币：7.0 发贴：1258	引用 #22004/8/10 13:17:46 用什么层呀？只用CSS就可以了。
缺缺职务：管理员等级：8 金币：41.0 发贴：9620	引用 #32004/8/10 13:43:50 <style> td{ font:10px Verdana; } .f{ background-color:#FF9900; color:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; text-align:center; } .o{ background-color:#0099FF; color:#FFFFFF; border-bottom:1px solid #FFFFFF; text-align:center; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td class="o"> </td> <td class="f">1</td> <td class="o">2</td> <td class="o">3</td> <td class="o">4</td> <td class="o">5</td> <td class="o">6</td> <td class="o"> </td> <td class="o">7</td> <td class="o">8</td> </tr> <tr bgcolor="#FF9900"> <td colspan="10">1 2 3 4 5 6 </td> </tr> </table> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 显示起来就是这样至于怎么切换菜单,你可以搜索一下选项卡类的菜单的制作方法
handylee_5d 职务：普通成员等级：1 金币：0.0 发贴：70	引用 #42004/8/10 17:41:51 楼上的可能都误解我的意思了，鼠标放上不同的连接下面的子类以不同的颜色出现图片如下：图片如下：
缺缺职务：管理员等级：8 金币：41.0 发贴：9620	引用 #52004/8/10 19:16:56 我只是说样式是这样的,至于不同的颜色,你可以定义一个对象,用一个属性来标记颜色,比如 function Menu(){ this.Text=new Array(); this.Color=new Array(); .... 原理就是这样的了
handylee_5d 职务：普通成员等级：1 金币：0.0 发贴：70	引用 #62004/8/10 21:59:40 this.Color=new Array(); this我知道是本身，如何改变另一个对象？
不是高手职务：普通成员等级：3 金币：5.0 发贴：1352	引用 #72004/8/12 8:35:53 你作用在哪个对象，哪个对象就是this嘛
帅哥村党委专职副书记职务：普通成员等级：2 金币：3.0 发贴：373	引用 #82004/8/12 14:15:23 <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script type="text/javascript" language="JavaScript1.2" src="http://www.sothink.com.cn/sothink/dhtmlmenu/sample/stm31.js"></script> <link rel="stylesheet" href="http://www.sothink.com.cn/sothink/dhtmlmenu/sample/H1.css" type="text/css"> <link rel="stylesheet" href="http://www.sothink.com.cn/sothink/dhtmlmenu/sample/text.css" type="text/css"> </head> <body bgcolor="#FFFFFF" text="#000000"> <script id="Sothink Widgets:outsetbutton.pgt" type="text/javascript" language="JavaScript1.2"> <!-- stm_bm(["lljuchr",400,"","blank.gif",0,"","",0,0,250,0,20,1,0,0,"","",0],this); stm_bp("p0",[0,4,0,0,6,1,4,0,100,"",-2,"",-2,90,0,0,"#000000","#a3a9aa","",3,0,0,"#cccccc"]); stm_ai("p0i0",[0,"硕思网页魔法菜单 ","","",-1,-1,0,"","_self","","","","",4,0,0,"","",-1,-1,0,0,1,"#b4bec1",0,"#3366cc",0,"","",3,3,1,1,"#595959 #d3d1d1 #999999 #666666","#003399 #3333cc #3366cc #3366cc","#000000","#ffffff","9pt 宋体","9pt 宋体",0,0]); stm_bp("p1",[0,4,0,0,4,2,0,0,100,"progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,enabled=0,Duration=0.43)",-2,"progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,enabled=0,Duration=0.43)",-2,67,2,4,"#999999","#3366cc","",0,1,1,"#3366cc #333399 #333399 #3366cc"]); stm_aix("p1i0","p0i0",[0,"一款无需了解DHTML和JavaScript，只需轻点鼠标就可<BR>以制作出具有专业水准的动态菜单和导航条的工具。<BR>其独特的菜单悬浮和任意定位功能更是最大限度地节<BR>省了页面空间，而丝毫不影响页面布局。多种多样的子<BR>菜单弹出效果使你的页面化平庸为神奇！","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#cccccc",1,"#cccccc",1,"","",3,3,0,0,"#cccccc","#cccccc","#ffffff"]); stm_ep(); stm_aix("p0i1","p0i0",[0,"硕思闪客巫师 2001a "]); stm_bpx("p2","p1",[]); stm_aix("p2i0","p1i0",[0,"一种可以快速创建专业Flash效果的便捷工具。不需要<BR>专业的美术设计基础，只需要简单的拖拉和点击就可以<BR>设计出各种各样的按钮、导航条、Logo等效果。所见即<BR>所得的编辑界面可以让你在设计时更加直观，轻松设计出 <BR>Cool效果!！<BR>","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#cccccc",1,"#cccccc",1,"","",3,3,0,0,"#cccccc","#87cbe2"]); stm_ep(); stm_aix("p0i2","p0i0",[0,"硕思闪客精灵 "]); stm_bpx("p3","p1",[]); stm_aix("p3i0","p1i0",[0,"一款用于浏览和解析Flash动画（.swf文件和.exe文件）<BR>的工具。它能够将flash动画中的图片、矢量图、声音、<BR>文字、按钮、影片片段、帧等基本元素完全分解，最重<BR>要的是可以对动作的脚本(Action Script)进行解析，<BR>清楚的显示其动作的代码，让对Flash动画的构造一目<BR>了然。"]); stm_ep(); stm_ep(); stm_em(); //--> </script> <br> <br> <p class="H1"><br> <br> 菜单特效</p> <table width="90%" border="1" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" ><span class="text"><strong> 凸出的边框按钮 </strong></span></td> </tr> <tr> <td class="text"><p >选择一个主菜单项，在<strong>菜单项>鼠标移出>边框样式</strong>设置旁边，点击那个小三角选择“凸出”。</p></td> </tr> <tr> <td bgcolor="#eeeeee" class="text"><strong>多行文字</strong></td> </tr> <tr> <td class="text">选择一个子菜单项，在<strong>菜单项>常规</strong>的文字框里输入文字时输入“回车”来实现多行文字的效果。</td> </tr> <tr> <td bgcolor="#eeeeee" class="text"><strong> 弹出隐藏特效</strong></td> </tr> <tr> <td class="text">选择有子菜单的菜单项，在<strong>弹出菜单>特效</strong>里，在<strong>菜单弹出/隐藏特效</strong>的下拉列表里选择“像素化”，特效速度设为“67”。</td> </tr> </table> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
帅哥村党委专职副书记职务：普通成员等级：2 金币：3.0 发贴：373	引用 #92004/8/12 14:18:05 kao! www.sothink.com.cn/sothink/dhtmlmenu/sample/outsetbutton.htm

每页显示15条 1/1<<<1>>

在回复主题:这样的导航条，如何搞定

正文：

下划线

文本颜色

插入链接

建立Google搜索链接

插入图片

引用文本

骄傲的笑

什么?

smile

frown

redface

biggrin

wink

rolleyes

mad

eek

禁止笑脸转换

提示：按 Ctrl+Enter 快速提交

关于我们 | 免责声明 | 合作联系 | 版权信息 | 友情链接 | ICP许可证:浙ICP备05007613号
©1999-2008 5D.cn. 版权所有

百度大联盟认证绿色会员