动态添加链接颜色代码

简介:
复制代码

  
  
<! 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还没搞懂。




本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/11/1621705.html,如需转载请自行联系原作者


目录
相关文章
|
JavaScript
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
98 0
|
JavaScript
自行封装的tabs组件配合echarts而出现的bug以及解决
自行封装的tabs组件配合echarts而出现的bug以及解决
232 0
|
8月前
|
前端开发
如何修改 a 链接的样式
如何修改 a 链接的样式
46 1
|
9月前
常见的链接样式
常见的链接样式。
48 3
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
Echarts链接操作弹出窗口防止重复触发点击事件的解决方案
168 0
|
自然语言处理 JavaScript Nacos
获取checkbox选中状态的两种方式_张童瑶的博客
我在开发项目的时候遇到这个问题,就是循环表格,表格里面嵌有checkbox复选框格式,这时候就有个需求了,如何获取checkbox选中状态?后来我经过去网上一番搜寻,也没有找到答案,网上有很多人都是复制别人,拿过来自己的,很多都是抄别人的,所以经过我自己一番研究,提供了两种获取checkbox方法,有助于帮助大家问题。
711 0
|
C#
WPF整理-为控件添加自定义附加属性
原文:WPF整理-为控件添加自定义附加属性 附加属性,大家都不陌生,最常见的是Canvas.Left/Canvas.Top,类似的也有Grid.Row/Grid.Column等附加属性。举个最常见的例子 需要说明的是并不是所有的附加属性都是元素放进去后才会有附加效果,上面的例子只是刚好是这种错觉的巧合情况,Grid.Row也属于这种巧合。
2143 0
WPF整理-为控件添加自定义附加属性
WPF TreeView设置所有节点默认展开
WPF TreeView设置所有节点默认展开
|
开发者
HTML标签-链接标签|学习笔记
快速学习HTML标签-链接标签
177 0
HTML标签-链接标签|学习笔记