JavaCript控制div的样式不好使了,求帮忙....
html代码
<div id="date_show" onmouseover="addCs()">a</div>
<div class="menu_date" onmouseover="delS()">b</div>
<div class="menu_date" onmouseover="delS()">c</div>
JavaScript代码
function addCs(){
document.getElementById("date_show").className = "abc";
}
function delS(){
document.getElementById("date_show").style.background="none";
}
css样式
.abc{width:120px;height: 80px;font-size:45px;font-family:微软雅黑;float:left;color:white;
text-align:center;line-height:80px;background-color: #7c7f86;border-radius:5px;}
当鼠标经过b和c的时候,将a的样式去掉,鼠标经过a的时候再给它加上css样式,为什么就加不上了呢???
<div id="date_show" onmouseover="addCs()">a</div>
<div class="menu_date" onmouseover="delS()">b</div>
<div class="menu_date" onmouseover="delS()">c</div>
JavaScript代码
function addCs(){
document.getElementById("date_show").className = "abc";
}
function delS(){
document.getElementById("date_show").style.background="none";
}
css样式
.abc{width:120px;height: 80px;font-size:45px;font-family:微软雅黑;float:left;color:white;
text-align:center;line-height:80px;background-color: #7c7f86;border-radius:5px;}
当鼠标经过b和c的时候,将a的样式去掉,鼠标经过a的时候再给它加上css样式,为什么就加不上了呢???
...全文
相关推荐
javacript 控制文本输入限制
javacript控制文本输入限制javacript控制文本输入限制javacript控制文本输入限制
sistema-javacript
7. **.gitignore**:Git版本控制系统忽略文件列表,指示哪些文件不应该被版本控制跟踪。8.
javacript_testing
**Mock和Stub**:在测试中,mock和stub用于替换真实对象,以便控制测试环境。例如,sinon.js库可以创建mocks和stubs,帮助隔离测试,避免外部因素干扰。6.
javascriptExercises:javacript练习
标题"javascriptExercises:javacript练习"表明这是一个关于JavaScript编程的练习集。
SimpleWebApplication:测试项目(html,javacript,jquery,AJAX发布请求,JSON文档,RESTcontroller,spring,CORS过滤器)
SimpleWebApplication 测试项目(html,javacript,jquery,AJAX发布请求,JSON文档,RESTcontroller,spring,CORS过滤器) UI模块:


