当前位置:编程学习 > JS >>

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 如何日期转换字符串

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,