61,122
社区成员
发帖
与我相关
我的任务
分享点击link改变样式的问题
页面上有几个link，我想达到以下效果：当点击它后，它的文字或者它的背景颜色改变，且只有当重新点击别的link时，它的颜色才会变成原先的颜色。
请问如何办到？
请问如何办到？
...全文
请发表友善的回复…
发表回复
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>
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="">
如果是的话，那一楼的那段代码就应该可以用。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>