Bun venit pe Forumul Andrei

Daca vezi aceasta pagina inseamna ca nu ai cont sau nu esti logat.
Daca doresti doar sa vizualizezi forumul poti apasa pe "x-ul" din dreapta si acesta imagine nu va mai fi afisata.

Pentru o vizualizare cat mai buna a acestui forum recomandam
8
Va uram o zi buna in continuare si o navigare cat mai placuta pe acest forum !


   
AcasaSustineFAQInregistrareConectareCautareCalendar
Twitter



jQuery Mega Menu

Navigare :: Scripturi si tutoriale :: Scripturi
AutorMesaj
 nick
avatar
Rang: Administrator


MesajSubiect: jQuery Mega Menu Lun Iul 05, 2010 8:04 am  
Un cod care poate fi folosit atat ca pe un meniu cat si pentru a oferi diferite informatii , totul tine de imaginatia fiecaruia

Cod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://forumulandrei.webs.com/jQuery%20Mega%20Menu/jkmegamenu.css" />
<script type="text/javascript" src="http://forumulandrei.webs.com/jQuery%20Mega%20Menu/jkmegamenu.js"></script>

<script type="text/javascript">

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")

</script>

<!--Mega Menu Anchor-->
<a href="#" id="megaanchor"><img border="0" src="http://i33.servimg.com/u/f33/12/63/64/97/meniu10.gif"></a><small>(Treci mouse-ul peste meniu)</small>



<!--Mega Drop Down Menu HTML. Retain given CSS classes-->
<div id="megamenu1" class="megamenu">

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">Javascript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

<br style="clear: left" /> <!--Break after 3rd column. Move this if desired-->

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">Javascript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

</div>

Ce trebuie sa modifici tu sunt linkurile din urmatorul cod :

Cod:
<!--Mega Menu Anchor-->
<a href="#" id="megaanchor"><img border="0" src="http://i33.servimg.com/u/f33/12/63/64/97/meniu10.gif"></a><small>(Treci mouse-ul peste meniu)</small>



<!--Mega Drop Down Menu HTML. Retain given CSS classes-->
<div id="megamenu1" class="megamenu">

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">Javascript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

<br style="clear: left" /> <!--Break after 3rd column. Move this if desired-->

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">Javascript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

</div>



[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 nick
avatar
Rang: Administrator


MesajSubiect: Re: jQuery Mega Menu Lun Iul 05, 2010 9:08 am  
Demo 2



[Trebuie sa fiti inscris si conectat pentru a vedea acest link]




Ultima editare efectuata de catre nick in Lun Iul 05, 2010 11:59 pm, editata de 3 ori
 ValenTinBr
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: jQuery Mega Menu Lun Iul 05, 2010 11:49 am  
Ehe, asta e tare scriptul :X
 AlexanDDrU
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: jQuery Mega Menu Sam Iul 17, 2010 8:20 am  
frumos acest script dar imaginea nu se duce inapoi dupa ce ei mouse de pe ea ?
 ValenTinBr
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: jQuery Mega Menu Sam Iul 17, 2010 8:33 am  
era mijto daca se ducea pentru ca nu are nici X Smile
 nick
avatar
Rang: Administrator


MesajSubiect: Re: jQuery Mega Menu Sam Iul 17, 2010 9:46 pm  
Imaginea/codul/filmuletul se retrag/e dar dureaza putin mai mult
Am modificat eu timpul cat sa ramana deschisa imaginea pentru ca am folosit acesi cod la pagina de intro la butonul de conectare
 AlexanDDrU
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: jQuery Mega Menu Dum Iul 18, 2010 1:33 am  
aha Very Happy si putem seta noi timpul deci e bun Very Happy
 nick
avatar
Rang: Administrator


MesajSubiect: Re: jQuery Mega Menu Dum Iul 18, 2010 2:08 am  
Poti micsora sau mari timpul daca modifici in codul JS timpul care vrei sa fie arata , mai exact "delaytime"
Codul js il voi posta mai jos:

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
 George130
avatar
Rang: Prieten

Respetarea regulilor 100%

MesajSubiect: Re: jQuery Mega Menu Vin Oct 29, 2010 9:32 am  
Foarte frumos mai ales varianta 2
 Continut sponsorizat
Rang:


MesajSubiect: Re: jQuery Mega Menu  

*Scrie romaneste
*Sterg mesajele inutile sau scrise cu CAPS
*Nu fa spam
*Linkurile relevante în context sunt binevenite.

Transferul se face din contul dumnevoastra de Paypal




Copyright © 2008-2014 Forumul Andrei. Toate drepturile rezervate. Termeni si conditii
Aspect creat si codat de Alexandru Miron & Nick

.