Vi posto la parte iniziale del codice in questione, vi spiego, ho due javascript, il primo appena qui sotto mi fa funzionare un'animazione tipo rollover sul menu, il secondo mi fa funzionare una gallery slider di immagini. Ovviamente ci sarà qualche errore che non permette al menu di funzionare, infatti mi funziona solo la gallery. Spero che mi riusciate ad aiutare al più presto!
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Club Sannio Fuoristrada</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/jquery.bgpos.js"></script> <script type="text/javascript"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35px"} ) .mouseover(function(){ $(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500}) }) .mouseout(function(){ $(this).stop().animate({backgroundPosition:"(40px 35px)"}, {duration:200, complete:function(){ $(this).css({backgroundPosition: "-20px 35px"}) }}) }) }); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="js/s3Slider.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider1').s3Slider({ timeOut: 4000 }); }); </script> </head> <body>
Rispondi quotando
