动态添加链接颜色代码

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > test </ title >
< style >
* { font-size : 12px ; }
a { color : #3399FF }
a:hover { color : ##3399FF }
a.hover { color : #CC3300 }
</ style >
</ head >
< body >
< div id ="menu" >
< a href ="javascript:void(0)" class ="hover" onclick ="changename(0)" > 我是第一 </ a >
< a href ="javascript:void(0)" onclick ="changename(1)" > 我是第二 </ a >
< a href ="javascript:void(0)" onclick ="changename(2)" > 我是第三 </ a >
< a href ="javascript:void(0)" onclick ="changename(3)" > 我是第四 </ a ></ div >< a href ="javascript:clear();" > ggg </ a >
< script language ="javascript" >
function changename(c,cl)
{
var d = document.getElementById( " menu " ).getElementsByTagName( " a " );
if ( ! cl)
{
writeCookie( " hovers " ,c, 222 );
}
c = readCookie( " hovers " ) ? readCookie( " hovers " ):c;
for (i = 0 ;i < d.length;i ++ )
{
d[i].className = i == c ? " hover " : "" ;
}
}
function writeCookie(name, value, hours)
{
var expire = "" ;
if (hours != null )
{
expire = new Date(( new Date()).getTime() + hours * 3600000 );
expire = " ; expires= " + expire.toGMTString();
}
document.cookie = name + " = " + escape(value) + expire;
}
// Example:
// alert( readCookie("myCookie") );
function readCookie(name)
{
var cookieValue = "" ;
var search = name + " = " ;
if (document.cookie.length > 0 )
{
offset = document.cookie.indexOf(search);
if (offset != - 1 )
{
offset += search.length;
end = document.cookie.indexOf( " ; " , offset);
if (end == - 1 ) end = document.cookie.length;
cookieValue = unescape(document.cookie.substring(offset, end))
}
}
return cookieValue;
}
function clear()
{
writeCookie( " hovers " , "" , 222 );
document.location = document.location.href;
}
changename( 0 , 1 )
</ script >
</ body >
</ html >