javascript - Googleマップの上にカーテンを追加する方法

Question

調査するタイトルが必要ですが、この場合に適切なものがわからないため、Google マップが煩わしく、Web サイトのデザイン全体がクラッシュします。ユーザーが画像にカーソルを合わせると、Googleマップがスライドして表示されるように、埋め込まれたGoogleマップの上にカーテンまたは画像のようなものを作成する方法を教えてください。

返信ありがとうございます

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");
});