带有图像预览的下拉菜单列表答案

【问题标题】：Drop down menu list with image preview带有图像预览的下拉菜单列表
【发布时间】：2017-02-21 18:47:46
【问题描述】：

如何为如下链接的下拉项目制作图像预览。 https://www.jumeirah.com/en/hotels-resorts/dubai/burj-al-arab/?currency=AED&gclid=Cj0KEQiA25rFBRC8rfyX1vjeg7YBEiQAFIb3b_5nlK1PNwQxRSn6cEP2Y1mEwqHjzC4w5ruyEXBTTOIaAsVZ8P8HAQ&gclsrc=aw.ds&dclid=COPghJmzl9ICFa8i0wodPXkEew

如果您将鼠标悬停在菜单中的“酒店和度假村”上，将出现一个下拉菜单。然后，如果您将鼠标悬停在下拉列表中的任何项目上，我们可以看到预览图像。我怎么能做那样的东西？我可以制作下拉菜单，但问题在于预览图像。提前致谢。

【问题讨论】：

你如何得到图像？

标签： javascript jquery html

【解决方案1】：

这是一个 jquery 函数......你所要做的就是：

$(document).ready(function(){
    $("#menu_item").mouseenter(function(){
        $("#pic_box").css("background-image", "url(image.jpg)");
    });
    $("#menu_item").mouseleave(function(){
        $("#pic_box").css("background-image", "url(other-image.jpg)");
    });
});

并为每个菜单项重复此操作

【讨论】：