JS调用CSS样式表问题（功能鼠标经过文本域是文本域边框颜色发生变化『给出能够实现功能的源码』）
JS调用CSS样式表问题（功能鼠标经过文本域是文本域边框颜色发生变化『给出能够实现功能的源码』）<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1...
JS调用CSS样式表问题（功能鼠标经过文本域是文本域边框颜色发生变化『给出能够实现功能的源码』）
<!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>
<title>无标题文档</title>
<script type="text/javascript">
function dod(){
document.getElementById("testId").className="testClass"}
</script>
<style type="text/css">
.testClass{ border:5px solid #000;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div >
<input name="" type="text" onmouseover="dod"/>
</div>
<div id="testId">
abc
</div>
</body>
</html> 展开
<!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>
<title>无标题文档</title>
<script type="text/javascript">
function dod(){
document.getElementById("testId").className="testClass"}
</script>
<style type="text/css">
.testClass{ border:5px solid #000;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div >
<input name="" type="text" onmouseover="dod"/>
</div>
<div id="testId">
abc
</div>
</body>
</html> 展开
4个回答
展开全部
用CSS：
input:hover {border: 5px solid #000;}
用Javascript：
<input name="" type="text" onmouseover="this.style.border = '5px solid #000';" onmouseout="this.removeAttribute('style');" />
input:hover {border: 5px solid #000;}
用Javascript：
<input name="" type="text" onmouseover="this.style.border = '5px solid #000';" onmouseout="this.removeAttribute('style');" />
追问
这样还要定义javascript呀！ 没看见有捱。
追答
把这一行改为
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" size="10" id="text1" class="text1" onmouseover="javascript:textover('tover');" />
<style type="text/css">
.text1{
background:#fff;
border:solid 1px #ccc;
}
.tover{
background:#fff;
border:solid 1px #f00;
}
</style>
楼上的这么改下就行了。要注意CSS的优先权
<style type="text/css">
.text1{
background:#fff;
border:solid 1px #ccc;
}
.tover{
background:#fff;
border:solid 1px #f00;
}
</style>
楼上的这么改下就行了。要注意CSS的优先权
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" size="10" id="text1" onmouseover="javascript:textover('tover');" />
<style type="text/css">
#text1{
background:#fff;
border:solid 1px #ccc;
}
.tover{
background:#fff;
border:solid 1px #f00;
}
</style>
<script language="javascript">
function textover(cname){
var m
m=document.getElementById("text1")
m.classname=cname
}
</script>
<style type="text/css">
#text1{
background:#fff;
border:solid 1px #ccc;
}
.tover{
background:#fff;
border:solid 1px #f00;
}
</style>
<script language="javascript">
function textover(cname){
var m
m=document.getElementById("text1")
m.classname=cname
}
</script>
追问
你用这个实现了“鼠标经过文本域是文本域边框颜色发生变化”？
追答
这个没问题，测试过了
.tover{
border:#FF0000 solid 1px;
display:block;
}
function fun(test){
var object= document.getElementById(test);
object.setAttribute("className","tover");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议你用jquery，，实现你的要求很简单的。。。
更多追问追答
追问
a:hover可以实现，不过在IE8.0下出现了兼容性问题，郁闷呀！
追答
为什么一定要用a:hover呢，你不会变个方法来实现，程序是死的认识活的，活人还能让尿憋死啊！！要学会变通@
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
