Floating window using jQuery

Guys,

You can use below code for floating window and can modify as per your requirement :



<!--  Below code applies for slider -->

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>

<script type="text/javascript">

 $('#message_box1').fadeOut("7000");

 

 //CONTROLLING EVENTS IN jQuery

 $(document).ready(function() {

  //var refresh= $('meta[http-equiv=refresh]').attr("url",document.URL);



  $('#message_box1').animate({

   top : "+=20px",

   opacity : 0

  }, "fast"); 

 });

</script>



<div id="message_box1" style="left: -10px; margin-top: 3080px">

 <div style="background: none repeat scroll 0 0 #FFFFFF; color: white"></div>



 <div id="close_message"></div>





 <!-- Here put the code which you want to show in window -->



Hi There !!! My name is Jignesh Vachhani



 <!-- Here put the code which you want to show in window -->



 <style type="text/css" media="all">

#message_box1 {

 position: absolute;

 z-index: 10;

 padding: 5px;

 font-weight: bold;

 margin-top: 510px;

 margin-left: -10px;

}



#close_message {

 cursor: text;

 float: right;

 font-size: 0.8em;

 margin: 0px 0px 0px 287px;

 position: absolute;

 z-index: 1000;

 color: black;

}

</style>





 <script>

  // Developed by Jignesh Vachhani



  // This notice MUST stay intact for legal use



  //scroll the message box to the top offset of browser's scrool bar

  $(window).scroll(function() {



   $('#message_box1').animate({

    top : $(window).scrollTop() - 2833 + "px",

    left : "277px"

   }, {

    queue : false,

    duration : 4000

   }, "slow");

  });

 </script>

</div>