<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="./js/jquery.rollover.js"></script> <script type="text/javascript"> $(function(){ $("img.rollover").rollover(); }); </script> <style type="text/css"> li{ display:inline; list-style-type:none; } img{ border:none; } ul{ padding:0; } </style> </head> <body> <ul> <li><a href="#"><img src="image_rollover/buy.png" class="rollover" /></a></li><!-- --><li><a href="#"><img src="image_rollover/cart.png" class="rollover" /></a></li><!-- --><li><a href="#"><img src="image_rollover/next.png" class="rollover" /></a></li> </ul> </body> </html>