Autor | Zpráva | ||
---|---|---|---|
Neas Profil |
#1 · Zasláno: 30. 5. 2010, 17:24:31 · Upravil/a: Neas
Ahoj.
S pomocí pár lidí na fóru jsem si udělal horní menu na mé stránce, avšak z nějakého důvodu špatně fungují funkce slideDown() a slideUp v jquery. Živá ukázka (klikněte na Menu): http://kaori.rpg2heaven.cz/ Zdrojový kód: JS: $(document).ready(function(){ var zobrazeno = false; $('#menu').hide(); $('#menu_click').click(function() { if(zobrazeno == false) { $('#menu').slideDown('slow'); zobrazeno = true; }else { $('#menu').slideUp('slow'); zobrazeno = false; } }); }); HTML: <html> <head> <title>title</title> <script type="text/javascript" src="javascripts/jquery.js">// verze 1.4</script> <script type="text/javascript" src="javascripts/menu.js"></script> <style type="text/css"> body { text-align:center; font-family:comic sans MS, Arial; color:cornsilk; background-color:DarkOrange; } a:link, a:visited { color:cornsilk; text-decoration:none; display:block; border-top:4px solid NavajoWhite; } a:hover { text-decoration:underline; border-top:4px solid DarkOrange; } #obal { width:900px; margin:auto; text-align:justify; background-color:blue; } #menu { width:900px; height:30px;/* <- bez tohoto řádku to blblo ještě víc */ margin:auto; background-color:blue; margin-top:20px; } ul { padding:0px; } li { list-style:none; float:left; width:300px; text-align:center; } h1 { clear:left; text-align:center; padding-top:15px; } </style> <title>menu</title> <div id="menu_click">Menu</div> <div id="menu"> <ul> <li><a href="#">položka 1</a></li> <li><a href="#">položka 2</a></li> <li><a href="#">položka 3</a></li> </ul> </div> <div id="obal"> <h1>Něco</h1> text stránky </div> |
||
__construct Profil |
#2 · Zasláno: 30. 5. 2010, 17:53:18 · Upravil/a: __construct
Nie je to chyba jQuery ale Tvoje slabé znalosti CSS ;-)
ul{ padding:0; margin:0; float:left } //edit: to moje "vylepšenie" som zmazal - to od Noxa je lepšie .. |
||
Nox Profil |
#3 · Zasláno: 30. 5. 2010, 18:10:48
$(...) je docela náročná věc takže je z hlediska rychlosti/optimalizace hodně dobré si to uložit
slideUp/Down+proměnná by asi bylo o trošku rychlejší jak Toggle, ale myslim že ne až nějak moc $(document).ready(function(){ var menu = $("#menu"); menu.hide(); $("#menu_click").click(function(){ menu.slideToggle(); }); }); |
||
Neas Profil |
#4 · Zasláno: 30. 5. 2010, 19:56:24
už funguje, díky oběma :-)
|
||
Časová prodleva: 14 let
|
0