javascript - 如何在Google map 顶部添加窗帘

我需要研究的标题，并且不确定在这种情况下是否合适，谷歌地图很烦人，它将使网站的整个设计崩溃。我可以知道当用户将鼠标悬停在图像上方时，如何在嵌入的Google地图顶部制作窗帘或类似图像的图像？

感谢您的回复

最佳答案

我假设您已尝试使用jQuery在地图顶部放置<div>来向上滑动窗帘？

这会以错误的方式滑动，但是您可以从jsfiddle

的HTML

<div id="map"></div>
<div id="curtain"></div>

的CSS

#map{
    background-image: url('http://0.tqn.com/d/webtrends/1/0/e/2/-/-/google-maps-walk-2.jpg');
    height:400px;
    width:400px;
}

#curtain{
    background-image: url('http://www.vectordiary.com/isd_tutorials/005_curtain/step02_2.gif');
    height:400px;
    width:400px;
    margin-top:-400px;
}

jQuery的

$('#curtain').click(function(){
    $(this).slideUp("slow");
});