通过js改变CSS class名称,该如何处理

WBOY
发布: 2016-06-13 13:52:36
原创
784 人浏览过

通过js改变CSS class名称
比如


 

 

  ........

 


现在就想当鼠标移过的时候把 

 

  ........
中的class名全变成为新我名称。有那位高手会,指教一下小弟,谢谢。

------解决方案--------------------
this.class='myclass';
------解决方案--------------------

------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........





------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........




------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........






这个是正解。

你说的效果就需要你写CSS的时候用选择器了


如:
div.diva{
......
}
div.diva .div0{
....
}
div.diva .div1{
....
}

div.MyClassName{
......
}
div.MyClassName .div0{
....
}
div.MyClassName .div1{
....
}
------解决方案--------------------
这样你只需要通过JS改容器父级的样式,那下级的样式也会一起变
------解决方案--------------------
function changeclass()
{
document.getElementById('b').class='myclass';//className(ie),class(ff);
}
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!