SHARE
TWEET

Untitled

a guest Dec 24th, 2012 16 Never
  1. <script>
  2. $('#map').live("click",function(){
  3.  $('#bodybg').show();
  4. $('#MapOverlay').fadeIn() ;
  5. return false ;
  6.  }) ;
  7. </script>
  8.        
  9. <div id="MapOverlay" class="MapOverlay">
  10.    <input type="button" id="close_map" class="cross_img">
  11.          <div class="backbg">
  12.       .....</div></div>
  13.        
  14. <style>
  15.  #MapOverlay {
  16.          background:#fff;
  17.          border:1px solid #80686f;
  18.          border-radius:5px;
  19.          -webkit-box-shadow: 0 8px 6px -6px #766A65;
  20.      -moz-box-shadow: 0 8px 6px -6px #766A65;
  21.       box-shadow: 0 8px 6px -6px #766A65;
  22.           display:none;
  23.           font-family:calibri;
  24.           font-size:15px;
  25.           left:30%;
  26.           height : 400px ;
  27.           width : 400px ;
  28.           opacity:1;
  29.           position:fixed;
  30.           text-align:center;
  31.           top:30%;
  32.           z-index:109;
  33.        }
  34.     #bodybg{ background: none repeat scroll 0 0 #FFFFFF;
  35.        border-radius: 5px 5px 5px 5px;
  36.        text-align: left;
  37.        z-index: 102;
  38.       }
  39.     #mapcanvas{
  40.      border:1 px solid;  
  41.      width: 300px;
  42.      height:300px;
  43.  
  44.  
  45.                }
  46.      </style>
RAW Paste Data
Top