js中怎么给属于同一class的按钮设置相同的【mouseenter】效果

[黑花茶]

在html页面中写了一个按钮，属于同一个class，想在鼠标移入按钮的时候给他们设置一样的效果，如何在js中用一个函数实现。

[似梦飞花]

var all=document.getElementsByTagName("*"); for(var i=0;i<all.length;i++){ if(all[i].className=="test"){ all[i].onmouseover=change; } } function change(){....} 试试

[黑花茶]

引用 1 楼 zzgzzg00 的回复:

var all=document.getElementsByTagName("*"); for(var i=0;i<all.length;i++){ if(all[i].className=="test"){ all[i].onmouseover=change; } } function change(){....} 试试

……change函数中不用传入参数吗

[似梦飞花]

这个看你想实现什么样的效果了啊 change根据要求只能自己写了啊

[黑花茶]

引用 3 楼 zzgzzg00 的回复:

这个看你想实现什么样的效果了啊 change根据要求只能自己写了啊

for(i=0;i<$(".toolbutton").size()-1;i++){ $(".toolbutton")[i].mouseenter(function(e) { $( ".toolbutton")[i] .css("border-color","#000"); }); } 用jquery的函数 这样设置为什么没有效果呢…… 感觉和你给的例子差不多啊，你给的例子我没有去试了，因为不知到change该传什么参数进去才能让函数识别是哪个按钮

[O15013245O]

jq的话可以这样写 $(".btn-class").bind("mouseover",function(){ }).bind("mouseout",function(){ });

[黑花茶]

引用 8 楼 showbo 的回复:

XML/HTML code123456789101112131415161718<input type="button" class="showbo" value="按钮1"/><input type="button" class="showbo" value="按钮2"/><input type="button" class="showbo" value="按钮3"/……

这种方法我也用过，不过这样的结果就是只要鼠标移上去 所有按钮的背景颜色都改变了 能不能只改变鼠标所指的按钮的背景颜色呢

[黑花茶]

引用 7 楼 zz89522186 的回复:

google chrome 是不是不能识别 onmouseenter啊?

可以啊

[黑花茶]

解决了 不知道为什么

for(i=0;i<$(".toolbutton").size()-1;i++){
$(".toolbutton")[i].mouseenter(function(e) {
      $( ".toolbutton")[i] .css("border-color","#000");
    });
}

这样没有效果 用each遍历解决了

 $(".toolbutton").each(function() {
 $(this).mouseenter(function(e) {
    $(this).css("background-color","#999");	
});
 $(this).mouseleave((function(e) {
    $(this).css("background-color","#fff");	
}))

});

这样就可以了，真是奇怪……

[黑花茶]

引用 5 楼 O15013245O 的回复:

jq的话可以这样写 $(".btn-class").bind("mouseover",function(){ }).bind("mouseout",function(){ });

如果想把背景设置为白色，能否把全部代码写出来 参考一下 非常感谢

[斯洛文尼亚旅游]

<input type="button" class="showbo" value="按钮1"/><br/><input type="button" class="showbo" 

value="按钮2"/><br/><input type="button" class="showbo" value="按钮3"/><br/><input 

type="button" class="showbo" value="按钮4"/><br/><input type="button" class="showbo" 

value="按钮5"/><br/><input type="button" class="showbo" value="按钮6"/>
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
var btns=$(".showbo");
btns.mouseover(function(){btns.css('background-color','#fff')}).mouseout(function(){btns.css

('background-color','')});
})
//]]>
</script>

[zz89522186]

google chrome 是不是不能识别 onmouseenter啊?