User:Benjamin Miller

From OpenWetWare
Revision as of 08:40, 16 September 2010 by Benjamin Miller (talk | contribs)
Jump to: navigation, search

<html>

<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.4.2/jquery.min.js"></script>
   <script type="text/javascript">
    $(document).ready(function(){
     $('#test').mouseover(function() {
      $('#test').animate({backgroundPosition: '0px 0px'}, 1000);
     });
     $('#test').mouseleave(function() {
      $('#test').animate({backgroundPosition: '-250px 0px'}, 1000);
     });
    });

</script>

 <style type="text/css">
  #test {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/d/df/Imperialigemsideone.jpg) -250px 0px no-repeat;
   position: absolute;
   top: 60px;
   left: 650px;}
 </style>
</head>
<body>
 <div id='test'>
 </div>
</body>

</html>