| 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: 16 let
|
|||
0