导航菜单问题!

Question

本帖最后由 zhwedo0822 于 2009-09-06 21:23:48 编辑

Answer 1

可以定义两种状态的样式，用class=''来添加样式
onmouseover="this.className=''";
onmouseout="this.className=''";

Answer 2

这是我的css代码
.zyx_navl a{
     width:88px;
 height:32px;
 color:#ffffff;
 margin-top:4px;
 padding-top:5px;
 }
.zyx_navl #m1 a{               //首页固定显示
     width:88px;
 height:32px;
 color:#000000;
 margin-top:3px;
 padding-top:5px;
 background:url(navbutton.gif) no-repeat;
 }
.zyx_navl a:hover{                            //鼠标经过时显示图片!
     background:url(navbutton.gif) no-repeat;
 margin-top:3px;
 padding-top:5px;
 }
我在从新说一下,我的要求,由于我使用模版,当打开 [首页] 时就是图片上显示的效果,这个已经使实,
现在的问题是,首页的链接是inxex.php 新闻是news.php,如果我点了 [新闻中心] 的链接,这样地址就会连到news.php那个页面,但是由于我写的css是固定的,所以页面上还是只有<首页>的链接是白的按钮效果.而不是 [新闻中心] ,我想要的就是它能自动判断.这样你点了哪一个哪一个就会变成白的按纽效果.是点击后,不是经过.
谢谢大家,给点建议,最好给个实例!

Answer 3

用flash做一下按钮的状态
这个要用的ButtonSkin
up over down disabled 四种基本状态
加入Select up...Button.login
{
overSkin: Embed(source="登陆.swf", symbol="按钮_上方皮肤");
disabledSkin: Embed(source="登陆.swf", symbol="按钮_停用皮肤");
upSkin: Embed(source="登陆.swf", symbol="按钮_向上皮肤");
downSkin: Embed(source="登录.swf", symbol="按钮_向下皮肤");
}

Answer 4

用一个变量保存上次点击的那个节点 
比如： 
var lastNode = null; 点击后改变颜色： 
var objNode =window.event.srcElement; 
objNode.style.color="blue"; 
if(lastNode!=null){ 
lastNode.style.color="white"; 
} 
lastNode=objNode; 

Answer 5

建议楼主去html(css)版发贴子问``我美工方面的问题都是那里问的`