有两个不相关联的,但是挨着的div,div1,div2。鼠标移动到div1上面 div2 显示。当鼠标移出div1,但是移动到div2上的时候,div2不隐藏。如果不在div1上,且不在div2上的时候。div2隐藏。
<style> div{ width:100px; height:100px; background-color: #ccc; border:1px solid red; } </style> <body> <div class="div1"></div> <div class="div2" style="display: none;"></div> </body> <script type="text/javascript" src="./jquery.js"></script> <script> $('.div1,.div2').on('mouseover',function(){ $('.div2').css('display','block'); }) $('.div1,.div2').on('mouseout',function(){ $('.div2').css('display','none'); }) </script>
仅供参考
兄弟你都知道了onmouseover 和 onmouserout 事件了,为啥不百度一下他们的用法了??
按照博主描述的问题 上面的答案很正确。