js中怎么给属于同一class的按钮设置相同的【mouseenter】效果 在html页面中写了一个按钮,属于同一个class,想在鼠标移入按钮的时候给他们设置一样的效果,如何在js中用一个函数实现。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 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根据要求只能自己写了啊 for(i=0;i<$(".toolbutton").size()-1;i++){ $(".toolbutton")[i].mouseenter(function(e) { $( ".toolbutton")[i] .css("border-color","#000"); }); }用jquery的函数 这样设置为什么没有效果呢…… 感觉和你给的例子差不多啊,你给的例子我没有去试了,因为不知到change该传什么参数进去才能让函数识别是哪个按钮 jq的话可以这样写$(".btn-class").bind("mouseover",function(){}).bind("mouseout",function(){}); google chrome 是不是不能识别 onmouseenter啊? <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> 解决了不知道为什么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"); }))});这样就可以了,真是奇怪…… 我这段脚本为什么IE可以但是火狐不可以啊 求高人指点,js函数定义的问题 问下磨铁的章节自动加载是怎么实现的? 给代码挑错 html和xml的Document对象是不是被浏览器实现为同一个对象了? 有关数组KEY的问题,请高手帮忙 请教javascript数值问题 关于弹出对话筐 请问很多网站上的飘来飘去广告是怎么实现的? 请问join的用法,谢谢! ExtJs4 获取grid.panel中的被修改数据 求高手救命啊 这段js代码 帮我看看
for(var i=0;i<all.length;i++){
if(all[i].className=="test"){
all[i].onmouseover=change;
}
}
function change(){....}
试试
$(".toolbutton")[i].mouseenter(function(e) {
$( ".toolbutton")[i] .css("border-color","#000");
});
}
用jquery的函数 这样设置为什么没有效果呢…… 感觉和你给的例子差不多啊,你给的例子我没有去试了,因为不知到change该传什么参数进去才能让函数识别是哪个按钮
$(".btn-class").bind("mouseover",function(){}).bind("mouseout",function(){});
<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>
不知道为什么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");
}))});
这样就可以了,真是奇怪……