JQUERY 鼠标移动到某个图标上显示对应DIV

代码如下：
<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来实现呢，求解，先谢谢各位啦！~

举报该文章

相关建议 æ¨èäº2018-02-27

æè·¯ï¼

è·åç§»å¨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>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/v7pfv2psmps4q2vvfp.html

其他看法

第1个回答推荐于2016-10-24

$(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呢？非常谢谢你哈，答完我再给你加悬赏。

本回答被提问者采纳

相似回答

大家正在搜