Question

我有3个锚标记，我想在悬停在锚标记上时显示每个图像。我附上的图片和参考网站是http://online.wsj.com/home-page?refresh=on

jsexec(2, "var", function() {
    var items = dojo.query("#LSWeekend .newsItem li .selectionTarget");
    var result = new Array();
    var count = 0;
    for (var i = 0; i < items.length; i++) {
        if (items[i].getElementsByTagName('img').length > 0) {
            result[count] = dojo.query("#LSWeekend .newsItem li .selectionTarget")[i].getElementsByTagName('a')[0].getAttribute('href');
            count++;
        }
    }
    var dynamics = dojo.query("#LSWeekend .dynamic a");
    for (var a = 0; a < dynamics.length; a++) {
        dynamics[a].setAttribute('href', result[a]);
    }
});

Answer 1

这可以使用css'＆gt;'轻松完成运营商。（这是关于How to change one element while hovering over another）

a > img {
    display: none;
}

a:hover > img {
    display: block;
}

您可以在此处播放：http://jsfiddle.net/SAMdroid/VLUGM/1/

悬停在链接上时显示图像

1 个答案: