javascript - 如何在谷歌地图顶部添加窗帘

Question

我需要研究标题，但不确定在这种情况下什么合适，谷歌地图很烦人，它会使网站的整个设计崩溃。我可以知道如何在嵌入的谷歌地图上制作窗帘或类似图像，当用户悬停时，图像会向上滑动并显示谷歌地图？

谢谢你的回复

Answer 1

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

这滑动错误的方式，但你在这个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");
});