动态添加链接颜色代码

原文:http://bbs.blueidea.com/thread-2896321-1-1.html 第6楼

 

<!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>

 

cookies还没搞懂。

 

posted @ 2009-12-11 10:21  豪情  阅读(756)  评论(0编辑  收藏  举报