apakšizvēles skripta rediģēšana

[Mischa]

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>

Edited December 9, 2016 by Mischa

[jurgenzz]

Ķipa šitā?

 

http://codepen.io/jurgenz/pen/mOjWby

[Mischa]

Jā, tā.

[Mischa]

nevar neviens izpalīdzēt? Ja vajag varu arī samaksāt.

[jurchiks]

Tu ko, stulbs esi? Viņš tak tev jau iedeva kodu!

[Mischa]

jurchiks man nevajag tādu prastu, bet vajag to submenu priekš šī koda, kuru ieliku. lai bumbas ir background bildē. es tak nemāku to pielāgot/pārveidot. programmēšanu neesmu mācījies un nezinu kas un kā - cenšos pats kkā visu sameistarot, lapai kuru gribu sev, tāpēc savus apvainojumus vari paturēt pie sevis. gudrais...

Edited December 13, 2016 by Mischa

[Vecteevs]

Izskatās, ka tu pat negribi mācīties. Tev iedeva gatavu kodu, tev tikai ir jāpaskatās, kas tur notiek un jāieliek savā lapā.

[jurgenzz]

Bija nojauta šādam rezultātam, kad atvēru codepen un uzrakstīju šo vienkāršo kodu. 

 

Piedod, bet neviens neies tavā vietā darbu darīt. Būs vien jāmācās. Padomus un piemērus gan lielākā daļa programmētāju dos.

 

otrkārt, kādas bumbas?

 

treškārt - ir grūti iebraukt vēlamajā rezultātā pēc tava koda piemēra, ar (url uz bildi) un bumbām (?)

 

ok, tomēr: http://codepen.io/jurgenz/pen/qqJjYV, best i can do. Pārējais pašam būs jāizdomā. 

 

Tas trakais jQuery makarons salauž visu, slinkums iedziļināties

Edited December 13, 2016 by jurgenz

[jurchiks]

jurchiks man nevajag tādu prastu, bet vajag to submenu priekš šī koda, kuru ieliku. lai bumbas ir background bildē. es tak nemāku to pielāgot/pārveidot. programmēšanu neesmu mācījies un nezinu kas un kā - cenšos pats kkā visu sameistarot, lapai kuru gribu sev, tāpēc savus apvainojumus vari paturēt pie sevis. gudrais...

Tas kods, ko tu ieliki, ir sūds, and here's why:

1) neviens normāls cilvēks vairs neizmanto table design

2) septiņas fucking animācijas vienam pašam menu??? Nahuj? Pie tam, ja ātri ar peles kursoru pārskrien meņucim reizes 10, tad tās animācijas turpinās vēl sekundes piecas, kamēr iziet cauri visam. Dumb as fuck.

3) jurgenz sākotnējais kods ir 10x labāks, un ja baigi vajag, tam var uzlikt CSS animācijas, panākot normālu efektu. Kā var novērot viņa otrajā koda piemērā, submenu zem šāda dancojoša menu izskatās bezdievīgi, tā kā silti iesaku atmest tās izvirtības un aprobežoties ar kaut ko vienkāršāku un gaumīgāku.