如何在谷歌地圖上添加窗簾

Question

我需要標題進行研究，並不確定在這種情況下適合什麼，谷歌地圖很煩人，它會使網站的整個設計崩潰。我可以知道我怎麼能在嵌入式谷歌地圖上製作窗簾或圖像 - 當用戶將圖像懸停時，它會滑動並顯示谷歌地圖？

謝謝你的答覆

Answer 1

我假設你已經嘗試放置<div>在使用jQuery滑動帷幕了地圖的頂部？

這滑動走錯了路，但你的想法在這個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"); 
});