求一段代码,鼠标触发事件,onmouseover和onmouseout,触发一个div显示和隐藏
两个并排的div。一左一右,当鼠标移动到左边的div上的时候显示右边那个div,当鼠标移开的时候右边的div隐藏,默认右边的div隐藏。...
两个并排的div。一左一右,当鼠标移动到左边的div上的时候显示右边那个div,当鼠标移开的时候右边的div隐藏,默认右边的div隐藏。
展开
1个回答
展开全部
<script>
$(document).ready(function{
$("#div1").mouseover(function{
$("#div2").hide();
});
$("#div1").mouseout(function{
$("#div2").show();
});
});
</script>
<div id="div1" style="width:50px;height:20px;float:left;">div1</div>
<div id="div2" style="width:50px;height:20px;visibility:hidden;float:left;">div2</div>
<div style="clear:both;"></div>
$(document).ready(function{
$("#div1").mouseover(function{
$("#div2").hide();
});
$("#div1").mouseout(function{
$("#div2").show();
});
});
</script>
<div id="div1" style="width:50px;height:20px;float:left;">div1</div>
<div id="div2" style="width:50px;height:20px;visibility:hidden;float:left;">div2</div>
<div style="clear:both;"></div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询