Question

我在页面顶部有一个链接图像，下面有5个链接图像。当鼠标悬停在下面的图像上时，顶部图像应该更改为moused-over的图像和moused-over的链接，它也应该是两倍大小但我甚至无法更改图像/链接。

这是我的jQuery代码：

$(document).ready(function() {
$("google").mouseenter(function() {
        $("big").attr({
        "href": "http://i.imgur.com/oO1RrsF.png?1",
        "src": "http://www.google.com".
    });
});
$("apple").mouseenter(function() {
        $("big").attr({ 
        "href" : "http://www.apple.com",
        "src" : "http://i.imgur.com/eHm7Nbg.png?1"
    });
});

$("facebook").mouseenter(function() {
        $("big").attr({
        "href" : "http://www.facebook.com",
        "src" : "http://i.imgur.com/ovkudjR.png?2"
    });
});

$("hooli").mouseenter(function() {
        $("big").attr({
        "href" : "http://www.hooli.xyz",
        "src" : "http://i.imgur.com/yfEYkoZ.png?2"
    });
});

$("piedpiper").mouseenter(function() {
        $("big").attr({
        "href" : "http://www.piedpiper.com",
        "src" : "http://i.imgur.com/Q3IhTeK.jpg?1"
    });
});
});

big是顶部图片的ID。我将id标记放在img标记周围的<a href>中。我已经玩了一段时间了，没有什么工作。任何帮助将不胜感激！

Answer 1

您的选择器错了。您需要以下任一项。

$("#google"); //ID google
$(".google"); //Class google

同样适用于所有其他选择者。

Answer 2

使用＃选择ID和。用于选择类以访问元素。然后像你一样在mousemove上改变所选元素的来源。

Answer 3

演示Fiddle

<强> HTML

SELECT offered_id FROM OFFERED WHERE offered_id IN (SELECT DISTINCT offered_id FROM JOINED)

<强> CSS

 <a href="" id="big_a"><img src="" href="" id="big" /></a>

<强>脚本

 #big {
     width:500px;
     height:200px;
 }
 .small {
     border:1px solid black;
 }

在鼠标悬停上交换图像

3 个答案: