JQUERY 鼠标移动到某个图标上显示对应DIV
代码如下：<divclass="same-name">鼠标移到我这里显示<i>我是显示内容1</i></div><divclass="same-name">鼠标移到我这里...
代码如下：
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容1</i>
</div>
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容2</i>
</div>
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容3</i>
</div>
以上是代码内容，鼠标移动到 鼠标移到我这里显示 “<i>我是显示内容</i>”这个，<i>我是显示内容</i>一开始是隐藏的。请问怎样才能让鼠标移动到相应位置显示相应内容呢？
当鼠标移到上面时显示，移开的时候隐藏，怎样用JQUERY来实现呢，求解，先谢谢各位啦！~ 展开
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容1</i>
</div>
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容2</i>
</div>
<div class="same-name">
鼠标移到我这里显示<i>我是显示内容3</i>
</div>
以上是代码内容，鼠标移动到 鼠标移到我这里显示 “<i>我是显示内容</i>”这个，<i>我是显示内容</i>一开始是隐藏的。请问怎样才能让鼠标移动到相应位置显示相应内容呢？
当鼠标移到上面时显示，移开的时候隐藏，怎样用JQUERY来实现呢，求解，先谢谢各位啦！~ 展开
2个回答
展开全部
思路：
获取移动2个元素
给第一个元素加上鼠标移入移除事件，
当鼠标移入时，显示div
当鼠标移除时，隐藏div
代码：
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
div {width: 100px; height: 100px; background: #ccc;}
#div2 {display: none;}
</style>
<script src="js/jquery-1.7.2.js"></script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
<script>
function over(){
if(!$("#div2").is(":visible")){
$("#div2").show(); //如果元素为隐藏,则将它显现
}else{
$("#div2").hide(); //如果元素为显现,则将其隐藏
}
}
$('#div1').hover(over,over)
</script>
已赞过
已踩过<
你对这个回答的评价是？
展开全部
$(document).ready(function(){
$(".same-name").each(function(){
$(this).mouseover(function(){
$(this).children().css("display","block");
})
$(this).mouseout(function(){
$(this).children().css("display","none");
})
})
})
追问
搞定了，请问您一下，IE 6 7支持animate里的opacity透明属性么？如果不支持应该怎么让IE 6 7支持animate里的opacity呢？非常谢谢你哈，答完我再给你加悬赏。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
