Find web code: Cool introduction for a website

This is how it looks :)

Looks nice doesn't it :)

Click to enter a website

Here is the code:

<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>

<script type='text/javascript'>
$(document).ready(function() {
  
        //when the user hovers over the div that contains our html...
        $('.box_container').hover(function(){
            //... we get the width of the div and split it by 2  ...
            var width = $(this).outerWidth() / 2;
            /*... and using that width we move the left "part" of the image to left and right "part"
            to right by changing it's indent from left side or right side... */
            $(this).find('.left').animate({ right : width },{queue:false,duration:3000});
            $(this).find('.right').animate({ left : width },{queue:false,duration:3000});
			$('#enter').show({duration:3000});
			$('#car').show({duration:2000});
        }, function(){
            //... and when he hovers out we get the images back to their's starting position using the same function... '
            $(this).find('.left').animate({ right : 0 },{queue:false,duration:3000});
            $(this).find('.right').animate({ left : 0 },{queue:false,duration:3000});
			$('#enter').hide({duration:3000});
$('#car').hide({duration:2000});
            //... close it and that's it
        });
		
        });
      
</script>

This is how it looks :)


        
        
        

            
            
            

            

            
            
            

            
        
        
        
        
        Looks nice doesn't it :)
        
		
			
 Click to enter a website