JQuery逻辑问题

当我将鼠标放在图像上时，如何使用JQuery实现以下效果，如下面的链接中所示

您可以将完整图像放在缩略图的属性中，例如

data full

。然后将mouseover事件绑定到缩略图，该缩略图将把来自

data full

的图像放置在目标div中，并在mouseout上再次将其删除

或者，您可以提前将图像放在那里，只需将鼠标悬停事件绑定到缩略图即可

show（）

相关完整图像

$( '#mysmallimage' ).mouseover( function () {

    $( '#mybigimage' ).toggle();

});

---

假设您的大图像首先通过CSS使用

display:none

隐藏。

您可以尝试这样的想法

<img src="thumb-1.jpg" id="img_1"/>

<img id="bg_1">

---

您可以使用显示和隐藏的jQuery方法

---

使用图像的onmouseover&onmouseout事件，将它们设置为javascript函数，参数采用pic名称或路径来显示或隐藏，并使用jQuery显示和隐藏方法

在Stackoverflow，很高兴看到你至少尝试过：谷歌中的“Jquery和鼠标悬停”会给你至少50%的答案，大多数人都是如此。感谢所有回答我问题的人，更感谢那些为我所做的一切辩护的仇恨者。你不会尝试，也不会对任何答案投反对票或作出回应。

     $(document).ready(function(){
        $("img_1") .mouseover(function() {$('#bg_1').attr('src','large-1.jpg');}
$("img_1") .mouseout(function() {$('#bg_1').attr('src','');}
        }) ;