• 全部
  • 问答

点击link改变样式的问题

lytone52 广科院 数据科学家  2008-02-27 02:49:54
页面上有几个link,我想达到以下效果:当点击它后,它的文字或者它的背景颜色改变,且只有当重新点击别的link时,它的颜色才会变成原先的颜色。

请问如何办到?
...全文
188 点赞 收藏 4
写回复
4 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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>
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-02-27 02:49
社区公告
暂无公告