或者根据固定的屏幕宽度计算出50%的数字，用它来代替(document.documentElement.scrollLeft+50%)
百度那些是不同页面，只要分别改动每个导航栏即可，------------------------------------
同一页面：
<style type="text/css">
a:link,a:visited{ color:#000}
a.current:link{ color: #F00}
a.current:visited{ color: #c00}
</style>
<script>var oldid = '1'
function change(id)
{
eval("document.getElementById('menu"+oldid+"').className=''")
eval("document.getElementById('menu"+id+"').className='current'")
oldid = id
}
</script>
<a href="#" id="menu1" onclick="change(1)">Ŀ1</a>
<a href="#" id="menu2" onclick="change(2)">Ŀ2</a>
<a href="#" id="menu3" onclick="change(3)">Ŀ3</a>
---------------------------------------------------------
不同页面，共用一个头部，可以通过页面路径来判断栏目。
<style type="text/css">
a:link,a:visited{ color:#000}
a.current:link{ color: #F00}
a.current:visited{ color: #c00}
</style>
<script language="javascript" type="text/javascript">
var str=location.href
var oldid=1
if(str.indexOf("index.html")>=0) //当路径中含有index.html,设oldid=2
oldid=2
if(str.indexOf("/news/")>=0)
oldid=3
if(str.indexOf("/projects.asp")>=0)
oldid=3
eval("document.getElementById('menu"+oldid+"').className='current'")
</script>
<a href="#" id="menu1">1111</a>
<a href="#" id="menu2">2222</a>
<a href="#" id="menu3">3333</a>
你好，这一段是CSS（层叠样式表）的代码，常用于网页的样式设计中。
1、第一句代码
_position:absolute这句代码的意思是“位置：绝对定位”，也就是说元素的位置是相对于整个浏览器窗口的，而不是相对于父元素。一般要配合top、left属性使用。
2、第二句代码
_top:expression(eval(document.documentElement.scrollTop))top属性是定义元素的顶部在网页中的位置，而CSS中的expression属性是用来调用Javascript代码。所以expression后面的括号中就是一行Javascript代码。
eval(document.documentElement.scrollTop)其中，document.documentElement.scrollTop 的意思是获取当前页面滚动条所滚动到的位置的数值，而再用eval()函数把它计算成数值。
所以这句代码最终的意思就是：你浏览器窗口的滚动条滑到哪，这个元素的位置就在哪。
3、前面的下划线是CSS Hack中的用法，用来区分不同的浏览器以解决兼容问题，此处的下划线只有IE6能识别，而IE7、IE8、Firefox等浏览器是识别不了的，所以这两行代码只对IE6有效，其他浏览器是忽略它们的。要了解更多关于CSS Hack的信息，你再自己去搜索吧。
答案很具体纯手打，望采纳，谢谢。
