小白求助

Question

参考 <script class="jquery library" src="http://runjs.cn/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<style>.d{width:20px;height:20px;background:#f00;margin:5px;}.h{background:#ff0;}</style>
<script>
$('.d').hover(function(){$(this).addClass('h')},function(){$('.d').removeClass('h')})</script>

Answer 1

<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<style>.d{width:20px;height:20px;background:#f00;margin:5px;}.h{background:#ff0;}</style>
<script>
var a=document.getElementsByTagName('div');
for(var i=0;i<a.length;i++){
toolListMove(a[i],'h')
}
function toolListMove(a,b){
a.onmouseenter=function(){this.className+=' '+b}
a.onmouseleave=function(){this.className=this.className.replace(new RegExp('(^|\\s)'+b+'(\\s|$)','ig'),'')}
}
</script>

Answer 2

onmouseenter－－－》onmouseoveronmouseleave－－－》onmouseout

Answer 3

解决了
应该是将 toolListMove(this, "t1");改成 toolListMove(this, t1.id);
多谢大家啦