|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » как сделать подменю? (есть меню, но не подменю) |
как сделать подменю? |
Привет!
Не могли бы вы мне помочь? как сделать для этого меню, выпадающи подменю (подменю) ? здесь это меню, без подменю: pallademo.usite.pro Код <script type="text/javascript" src="http://s101.ucoz.net/src/u.js"></script> <script> jQuery(function(){ $('.menu td' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .append('' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> $('.menu td' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .hover(function(){ $(this).find('a' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({top:'-30'},300); $(this).find('a' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .animate({top:'-20'},300) $(this).find('img' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({opacity:'.3',height:'25px'},300) $(this).find('span' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({opacity:'.7',bottom:'15px'},300) }, function(){ $(this).find('a' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({top:'10',}, 300); $(this).find('span' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({opacity:'0.0',bottom:'20px'}, 300) $(this).find('img' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> .stop().animate({opacity:'1.0',height:'30px'}, 300) } <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; } <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; </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(http://pallademo.usite.pro/menu/sakums.png)no-repeat center;} #par{background:url(http://pallademo.usite.pro/menu/par.png)no-repeat center;} #ist{background:url(http://pallademo.usite.pro/menu/rotalu.png)no-repeat center;} #mam{background:url(http://pallademo.usite.pro/menu/mam.png)no-repeat center;} #ball{background:url(http://pallademo.usite.pro/menu/bernu.png)no-repeat center;} #noma{background:url(http://pallademo.usite.pro/menu/noma.png)no-repeat center;} #baloni{background:url(http://pallademo.usite.pro/menu/baloni.png)no-repeat center;} #nom{background:url(http://pallademo.usite.pro/menu/nometnes.png)no-repeat center;} #cen{background:url(http://pallademo.usite.pro/menu/cenradis.png)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="/"></a></td> <td><a id="par" href="http://pallademo.usite.pro/publ/par_mums/1-1-0-9"></a></td> <td><a id="ist" href="http://pallademo.usite.pro/publ/rotalu_istaba/1-1-0-10"></a></td> <td><a id="mam" href="http://pallademo.usite.pro/publ/maminu_mazulu_klubins/1-1-0-11"></a></td> <td><a id="ball" href="http://pallademo.usite.pro/publ/bernu_ballites/2"></a></td> <td><a id="noma" href="http://pallademo.usite.pro/publ/atrakciju_noma/3"></a></td> <td><a id="baloni" href="http://pallademo.usite.pro/publ/baloni/1-1-0-15"></a></td> <td><a id="nom" href="http://pallademo.usite.pro/publ/nometnes/4"></a></td> <td><a id="cen" href="http://pallademo.usite.pro/publ/cenradis/1-1-0-18"></a></td> </tr> </table> Добавлено (12 Дек 2016, 12:55:43) Добавлено (13 Дек 2016, 13:57:51) |
| |||
| |||