CSS 中的 expression 表达式写法

html-css020

CSS 中的 expression 表达式写法,第1张

恩，你要的50%如果是当前屏幕宽度的50%，可以先获取当前屏幕宽度再除以2，这样得到数值。

或者根据固定的屏幕宽度计算出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>