关于js控制变色问题
现在有几个div,例如
<div class="css1"></div><div class="css2"></div><div class="css3"></div>
3个风格的div，我想实现鼠标指上去他们的风格变成css4的风格，然后鼠标移出的时候变回原来的风格。现在用onmouseover实现变风格的功能，但是怎么实现移出的时候判断原来是什么风格呢 div css js javascript class
[解决办法]
。。。你得把前面加上选择器啊，，亲。。
我这么写是为了 方便你理解。。
<div id="container">
<div class="css1">111</div>
<div class="css2">222</div>
<div class="css3">333</div>
</div>
<script type="text/javascript">
window.onload = function(){
var container = document.getElementById('container');
var divs = container.getElementsByTagName('div');
var len = divs.length;
for(var i=0;i<len;i++){
divs[i].onmouseout = function(){
var classes = this.className;
classes = classes.split(' ');
var len = classes.length,i=len-1;
for(;i>=0;i--){
if(classes[i]=='css4'){
classes.splice(i,1);
}
}
this.className = classes.join(' ');
}
divs[i].onmouseover= function(){
this.className += ' css4';
}
}
}
</script>
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$(".css1,.css2,.css3").mouseover(function(e) {
$(this).addClass("css4")
}).mouseout(function(e) {
$(this).removeClass("css4")
});;
});
</script>
<style type="text/css">
.css1 {
background-color: #CCC;
}
.css2 {
background-color: #abc;
}
.css3 {
background-color: #cba;
}
.css4 {
background-color: #bac;
}
div {width:300px;height:100px}
</style>
</head>
<body>
<div class="css1">此处显示 id "div1" 的内容</div>
<div class="css2">此处显示 id "div1" 的内容</div>
<div class="css3">此处显示 id "div1" 的内容</div>
</body>
</html>
