Ciao a tutti,ho scaricato due script dalla sezione di download script di questo sito. Quando li ho messi nella pagina andavano in conflitto nel senso che il primo non funzionava a dovere. Il secondo funzionava perfettamente. Ho cercato un po' ovunque ma non ho trovato nulla che facesse al caso mio.Vi posto i due script così mi aiutate.


codice:
<head>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

    </head>

    <body>
		<div class="content">
			<ul id="sdt_menu" class="sdt_menu">
				[*]
					<a href="#">
                                                                                                                                    [img]images/2.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Home</span>
							<span class="sdt_descr">Vai alla Home</span>
						</span>
					</a>
				
				[*]
					<a href="#">
						[img]images/1.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Tutorial</span>
							<span class="sdt_descr">Troverai tutorial per tutto!</span>
						</span>
					</a>
					
				
				[*]
					<a href="#">
						[img]images/3.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Downloads</span>
							<span class="sdt_descr">Scarica di tutto!</span>
						</span>
					</a>
				
				[*]
					<a href="#">
						[img]images/4.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">News</span>
							<span class="sdt_descr">News dal sito e dal mondo</span>
						</span>
					</a>
				

				[*]
					<a href="#">
						[img]images/5.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">Chi sono</span>
							<span class="sdt_descr">Scopri chi si nasconde sotto WebMetro</span>
						</span>
					</a>
				
				[*]

                                                                                       <a href="#">
						[img]images/6.jpg[/img]
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">WM Room</span>
							<span class="sdt_descr">Entra o Registrati se non lo hai ancora fatto!</span>
						</span>
					</a>
				

                                                                                                 <div class="sdt_box">
							Entra
							Registrati
							
					</div>

                                                                               
					
			[/list]
		</div>
        <div>
		</div>

        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="js2/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
		
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>
    </body>
codice:
<link type='text/css' href='css3/osx.css' rel='stylesheet' media='screen' />
	</head>
<body> Scopri cos'è WebMetro
</div>
<div id="osx-modal-content">
	<div id="osx-modal-title">Benvenuto</div>
	<div id="osx-modal-data">
		


<h2>Benvenuto.</h2>
		





testo</p>




	</div>
</div>

<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/osx.js'></script>
Grazie in anticipo.