Справа выдвижная
<link href="http://www.novickiy.ru/demo/glavttttt/style222.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

	// Horizontal
	$("#horizontal div a").hover(function(){
		$("img", this).stop().animate({left:"-180px"},{queue:false,duration:200});
	}, function() {
		$("img", this).stop().animate({left:"0px"},{queue:false,duration:200});
	});
});
</script>

	
	
	<div id="horizontal" class="clear"><!-- Horizontal -->
		
		<div><a href="http://www.novickiy.ru/photo/8"><img src="http://www.novickiy.ru/demo/glavttttt/jan.jpg" alt=" а–аАаНб€аОаВаАб аЖаИаВаОаПаИббŒ бƒаКб€аАбаИб‚ аЛбŽаБаОаЙ аИаНб‚аЕб€бŒаЕб€ аКаАаБаИаНаЕб‚аА, аОб„аИбаА" /></a></div>
		
	</div>
	
	
<script type="text/javascript"> 
 $(function($) { 
 $("#onlinehelp img").hover( 
 function () { 
 $(this).animate({right: '0'}, {queue:false, duration: 350}); 
 //$(this).css('right', '0'); 
 }, 
 function () { 
 $(this).animate({right: '-160px'}, {queue:false, duration: 350}); 
 // $(this).css('right', '-160px'); 
 } 
 ); 
 }); 
 </script> 
 <a id="onlinehelp" href="$REGISTER_LINK$" 
 onclick="webChatOpen();return false;"> 
 <img alt="Регистрация" src="http://www.novickiy.ru/799/4programm.gif" /> 
 
 </a> 
 <style type="text/css"> 
 #onlinehelp img { 
 position: fixed; 
 top:40px; 
 right: -160px; 
 z-index: 99999; 
 cursor: pointer; 
 display: block; 
 } 
 </style>