html,javascript......大哥,上次你给我实现了两个表鼠标点击的切换,我还有一点疑问。
<style>
.div_main{
width:300px; border:1px solid #000; padding-top:10px;
}
.div_child{
width:145px; height:25px; font-size:14px; color:#000; float:left; text-align:center; cursor:pointer; padding-top:5px;
}
.div_{
width:299px; height:300px; background-color:#CCC; margin-bottom:5px;
}
</style>
<body>
<div class="div_main">
<div class="div_child" style="background-color:#666" id="bz_q" onclick="clic_(this,'bz_')">本周强推</div><div class="div_child" id="sz_q" onclick="clic_(this,'sz_')">上周强推</div>
<div class="div_" id="bz_"><br /><br /><br />本周强推 数据</div>
<div class="div_" id="sz_" style="display:none">上周强推 数据</div>
</div>
</body>
<script>
function clic_(obj,id){
$("bz_").style.display="none";
$("sz_").style.display="none";
$("bz_q").style.backgroundColor="#fff";
$("sz_q").style.backgroundColor="#fff";
$(id).style.display="block";
obj.style.backgroundColor="#666";;
}
function $(id){return document.getElementById(id);}
</script>
请问:如何把它弄成不要点击,鼠标经过自动切换?
答案:<div class="div_child" style="background-color:#666" id="bz_q" onclick="clic_(this,'bz_')">本周强推</div><div class="div_child" id="sz_q" onclick="clic_(this,'sz_')">上周强推</div>
中的
onclick 换成 onmousemove 鼠标在元素上移动时触发 或、
onmouseover鼠标 经过时事件 或、
onmouseout 鼠标 移开时事件
其他:<!--这里改一下就可以了-->
<div class="div_child" style="background-color:#666" id="bz_q" onmouseover="clic_(this,'bz_')">本周强推</div>
<div class="div_child" id="sz_q" onmouseover="clic_(this,'sz_')">上周强推</div>
上一个:flex 中如何获通过id 或 name 获取元素,类似javascript 中的 getElementById(),取某个容器中
下一个:javascript 如何日期转换字符串