Tuesday, 7 February 2012

skyscrapper Demo


Wide skyscrapper 160X600 px allways on TOP! also by scrolling



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery_scroll.js"></script>
<script type="text/javascript">
           $( document ).ready( function ()
            {
                $( '#map' ).scrollFollow( {container: 'result1'  } );
            }
        );
</script>
<title>jafarkhan.blogspot.com</title>
<body >

<style type="text/css">
*{ margin: 0; padding: 0; }
img {border: none;}
    #map{
    position: relative;
    width:160px;
    height:600px;
    border: 2px solid #42CBDC;
    margin-bottom:40px;
    }
</style>


      <div style="height:900px; width:1024px;"  id="result1">
    <div class="map" align="right">
        <div id="map" style="top: 0px;"><!--<img src="new_images/googlemap.jpg"/>--><img src="Boondogglen_files/ajax-loading.gif"> Loading...</div>
       
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
    </div>
    </div>

</body></html>