日期:2014-05-18  浏览次数:20397 次

60分求类似淘宝、土豆导航栏解决方案,顶者有分!
就是象淘宝,土豆的导航栏,比如说:我点击”运动“,运动的背景就变的突出,点击“影视书籍”,“影视书籍”的背景就变的突出;这是因为每个页面做的不同的导航栏,还是做了一个用户控件,用js控制变化?
前者肯定可以,可是太麻烦了,如果要修改某个地方的话,要每个页面都改!
如果是后者的话,我不知道怎么实现,因为如果是在 "运动 "页面,那么 "运动 "的css样式就要和别的不同,那岂不是要判断当前页面的url???
要么就是程序控制?这仅仅是个连接,改变css而已, <a> 不能runat= "server "啊,
现在这种导航很流行啊!都是怎么做的啊??
欢迎大家指教!!



------解决方案--------------------
谁说A标签不能加 runat= "server "
------解决方案--------------------

不是太难吧!!
加两个事件,onmouseover= "this.className= '你的样式 ' "
onmouseout= "this.className= '你的样式 ' "
主要是css,你可以在样式里面设置不同的背景图片、颜色等等
------解决方案--------------------
鼠标滑过的效果就不用说了,直接CSS控制。每个菜单用JAVASCRIPT控制一下,在onclick调用的函数中历遍每个菜单的ID,把所有TD的背景都设成无,然后给活动的那个TD加一个背景就可以了
如:


function show(id)
{
for(i=1;i <你菜单的个数;i++)
{
document.getElementById(i).style.backgroundImage= 'url() ';
}
document.getElementById(id).style.backgroundImage= 'url(背景地址) ';
}

将单元格的ID定为1,2,3,4,5.....,在每个菜单上应用onclick= "show(单元格的ID) "

你再细化一下,很好实现的,祝好运!
------解决方案--------------------
没啥不可以的

直接建立几个css就可以了

只要判断一下当前页处于那一个菜单项下,然后改变他的css就是了
------解决方案--------------------

你的意思是这样的吧
假如在第一个页面你点了“运动”这个导航,然后跳转到第二个页面,在第二个页面当中也有个“运动”导航,这时的这个导航要求和其他的不一样是吧!!
------解决方案--------------------
CSS+DIV+JS
------解决方案--------------------
友情UP一下
------解决方案--------------------
iframe 或者做个控件判断url了
------解决方案--------------------
这个问题我问过,还是没解决!祝楼主好运!
------解决方案--------------------
......导航栏做成控件每个页面引用。
类似:
<ul id= "xx ">
<li> </li>
<li> </li>
<li> </li>
</ul>

JS 设置 body 的onload 事件 为 document.getElementById( "xx ").getElementsByTagName( "li ")[index].style= "你要改变的样式 ";
鼠标移动 的话 设置控件的 移动效果就好了

至于IFrame 的话 就只能判断 当前URL了 和上面一样的道理。