该如何实现这个效果,请高手指教

SunshineRide 2003-06-10 11:32:12
<style>
.style1 {background-color:#ff0000}
.style2 {background-color:#ffffff}
</style>
<font name=font1 onclick=this.className='style1'>test</font>

上面的代码,当点击TEST的时候,会修改字的背景色为红色,我想在该页面的其他地方点击的时候就把该处的样式变为style2,该如何做到?
...全文
47 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
SunshineRide 2003-06-11
  • 打赏
  • 举报
回复
to:lybid2002(无名为名)

你的方法对我没用。你没看清楚我的要求。所以,很抱歉。
SunshineRide 2003-06-11
  • 打赏
  • 举报
回复
唉。。。看来没戏了。都不愿意帮帮我。

随风奔跑 2003-06-11
  • 打赏
  • 举报
回复
也可以用javascript直接控制样式,函数tt修改一下:
<SCRIPT LANGUAGE="JavaScript">
<!--
function tt()
{
document.getElementById("font1").style.backgroundColor="red";
//red为你要设置的颜色
}
//-->
</SCRIPT>
随风奔跑 2003-06-11
  • 打赏
  • 举报
回复
<html>
<title></title>
<head>
<style>
.style1 {background-color:#ff0000}
.style2 {background-color:#ffffff}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function tt()
{
document.getElementById("font1").className="style1";
}
//-->
</SCRIPT>
</head>
<body>
<input type="button" id="" name="" value="Click Me" onclick="tt()">
<font id="font1" name="font1">test</font>
</body>
</html>
随风奔跑 2003-06-11
  • 打赏
  • 举报
回复
你说的是其他的任何地方点击都变颜色啊?
哦,呵呵。不好意思了。
看来我是看不懂。
学习一下,不过了,楼主也不用说抱歉的。
随风奔跑 2003-06-11
  • 打赏
  • 举报
回复
我想我已经看明白你的意思了。
你开始的时间就可以设置fong1的classname为style1,如果要改变
他的样式表,就函数里的那个语句就可以了:
document.getElementById("fong1").className="style2";
style2是可以为你自己定义的任意的样式表名。
如果我认为的这个意思是错的,那就我的错了。
function tt()
{
document.getElementById("font1").className="style1";
}
piaoyang80 2003-06-11
  • 打赏
  • 举报
回复
偶来试一试!你参考以下
写个函数;
<html>
<head>
<TITLE>测试</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.style1 {background-color:#ff0000}
.style2 {background-color:#ffffff}
</style>
<script>
function setbgcolor(str){
if(str=="ok"){
font1.className="style1";
event.cancelBubble=true;//这个很重要,没有的话会产生气泡事件,功能就无法实现。
}
else
font1.className="style2";
}
</script>
</head>
<body onclick="setbgcolor('body')">
<font id=font1 onclick="setbgcolor('ok')">test</font>
</body>
</html>
SunshineRide 2003-06-10
  • 打赏
  • 举报
回复
请帮忙

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧