Search the Community

Kāds varētu, lūdzu, palīdzēt pārveidot šo skriptu, lai piemēram kādai menu daļai ir arī sub-menu! script type="text/javascript" src="http://s101.ucoz.net/src/u.js"></script> <script> jQuery(function(){ $('.menu td').append('') $('.menu td').hover(function(){ $(this).find('a').stop().animate({top:'-30'},300); $(this).find('a').animate({top:'-20'},300) $(this).find('img').stop().animate({opacity:'.3',height:'25px'},300) $(this).find('span').stop().animate({opacity:'.7',bottom:'15px'},300) }, function(){ $(this).find('a').stop().animate({top:'10',}, 300); $(this).find('span').stop().animate({opacity:'0.0',bottom:'20px'}, 300) $(this).find('img').stop().animate({opacity:'1.0',height:'30px'}, 300) }); }); </script> <style> body{margin:0} .menu td{width:110px;height:110px;text-align:center;} .menu a{display:block;width:110px;height:110px;position:relative;left:10px;top:1} #sakums{background:url(saite uz bildi)no-repeat center;} #sadala1{background:url(saite uz bildi)no-repeat center;} #sadala2{background:url(aite uz bildi)no-repeat center;} .menu span{opacity:.0;position:relative;font-weight:700;background:#555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#FFF;border:1px solid #000;padding:3px;bottom:20px;} </style> <table align="center" class="menu" border="0" cellspadding="0" cellspacing="0"> <tr> <td><a id="sakums" href="saite uz linku"></a></td> <td><a id="sadala1" href="saite uz linku"></a></td> <td><a id="sadala2" href="saite uz linku"></a></td> </tr> </table>