Question

当我将鼠标放在图像上时，如何使用JQuery实现以下效果，如以下链接http://www.360internetservices.com/templates.php?cPage=2

Answer 1

您可以将完整图像放在缩略图的属性中，例如data-full。然后，您将鼠标悬停事件绑定到缩略图，该缩略图将data-full中的图像放在目标div中，并在mouseout上再次删除它。

或者您可以提前将图像放在那里，然后将鼠标悬停事件绑定到show()相关完整图像的缩略图。

Answer 2

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

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

});

假设您的大图片首先通过CSS隐藏display:none。

Answer 3

你可以试试这样的......

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

<img id="bg_1">

JQuery的

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

Answer 4

你可以使用show＆amp; amp;的jQuery方法隐藏...

使用onmouseover＆amp; onmouseout事件的图像并将它们设置为javascript函数，参数采用图片名称或路径显示或隐藏，并使用jQuery show＆amp;隐藏方法......

JQuery逻辑问题

4 个答案: