点击link改变样式的问题

lytone52 2008-02-27 02:49:54

页面上有几个link，我想达到以下效果：当点击它后，它的文字或者它的背景颜色改变，且只有当重新点击别的link时，它的颜色才会变成原先的颜色。

请问如何办到？

...全文

282 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

myvicy 2008-03-06

打赏
举报

.star1 {
WIDTH: 20px;background:#CCC
}
.star2 {
WIDTH: 20px;background:#EEE
}
<script>
var o;
function changestar(a){
if(o)o.className="star1"
o=a;
o.className="star2";
}
</script>
<A href="" onclick=changestar(this) class=star1></A>
<A href="" onclick=changestar(this) class=star1></A>

浴火_凤凰 2008-03-06

打赏
举报

用A:hover、A：visited系列就可以啊！

hsj454174023 2008-02-27

打赏
举报

不知你所说的link标签是不是struts里面的<html:link>标签。<html>中的<link>文件是用来导入信息的。
如果是的话，那一楼的那段代码就应该可以用。struts中的<html:link>解析成html代码就是<a href="">

cnchart 2008-02-27

打赏
举报

你要的是不是这种：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd"> 



<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<title>无标题文档</title> 

<SCRIPT LANGUAGE="javascript"> 

var curObj= null; 

function document_onclick() { 

if(window.event.srcElement.tagName=='A'||window.event.srcElement.tagName=='FONT'){ 

if(curObj!=null) 

curObj.style.background=''; 

curObj=window.event.srcElement; 

curObj.style.background='#ffffff'; 

} 

} 

</SCRIPT> 

<style type="text/css"> 

<!-- 

body { 

margin-left: 0px; 

margin-top: 0px; 

margin-right: 0px; 

margin-bottom: 0px; 

} 

td{ 

font-size:12px; 

color:#333333;} 

a{ 

color:#FF6600; 

padding:10px 5px; 

margin:0px;} 

--> 

</style></head> 



<body>

<table width="480" border="0" cellspacing="0" cellpadding="0"> 

<tr align="center" valign="middle" bgcolor="#004080"> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

<td height="30"><a href="#" onClick="return document_onclick();">滑动门</a></td> 

</tr> 

</table> 

</body>

</html>