动态添加链接颜色代码

  
  

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