<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
jQuery(document).ready (
function(){jQuery("#div_top").hover(function(){ jQuery(this).stop(true,false).animate({bottom: 0}, 400); },
function(){ jQuery("#div_top").stop(true,false).animate({bottom: -405}, 400); });
});
</script>
<style>
img, a { border: 0; }
#on {visibility:visible;}
#off {visibility:hidden;}
#div_top_container {width:100%;height: 400px;overflow: hidden;}
#div_top {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:99.7%;height: 400px;position: fixed;bottom: -405px;}
#div_top img {position: absolute;[COLOR="DarkOrange"]left[/COLOR]: 0%;top: -95px;}
</style>
<div id="on">
<div id="div_top" style="left: 0%;">
<div id="div_top_container">
<img src="http://i69.servimg.com/u/f69/14/82/58/44/glitte10.gif" />
<iframe marginwidth="0"
src="[COLOR="Red"]http://www.algantel.com/h96-page[/COLOR]"
marginheight="0" frameborder="0" height="400"" scrolling="no"
width="100%"></iframe>

</div>
</div>
</div>