猿问

div的onmouseover 和 onmouserout 事件

有两个不相关联的，但是挨着的div，div1，div2。鼠标移动到div1上面 div2 显示。当鼠标移出div1，但是移动到div2上的时候，div2不隐藏。如果不在div1上，且不在div2上的时候。div2隐藏。


慕哥6287543
浏览 908回答 1
1回答

三国纷争

<style> &nbsp;&nbsp;&nbsp;&nbsp;div{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:100px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:100px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:&nbsp;#ccc; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border:1px&nbsp;solid&nbsp;red; &nbsp;&nbsp;&nbsp;&nbsp;}</style><body> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="div1"></div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="div2"&nbsp;style="display:&nbsp;none;"></div></body><script&nbsp;type="text/javascript"&nbsp;src="./jquery.js"></script><script> &nbsp;&nbsp;&nbsp;&nbsp;$('.div1,.div2').on('mouseover',function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.div2').css('display','block'); &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;$('.div1,.div2').on('mouseout',function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.div2').css('display','none'); &nbsp;&nbsp;&nbsp;&nbsp;})</script>
0
随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS
为什么字体颜色在Eclipse上没有变化 2 回答
我要回答