| Autor | Zpráva | ||
|---|---|---|---|
| ja.cz Profil * |
#1 · Zasláno: 8. 10. 2010, 16:35:51
Ahoj,
pokouším se o plynulé vysunutí skrytého elementu a i o jeho plynulé skrytí. Dočelt jsem se zde v diskuzi, že se to řeší přes setInterval nebo setTimeout, ale nevím jak to udělat. Mám jen obyčejné skrytí a zobrazení: <script language="JavaScript" type="text/javascript">
function ShowInvisible(id){
var keyElement = document.getElementById('invisible_'+id);
if(keyElement.style.display=="none"){
keyElement.style.display="block";
}else{
keyElement.style.display="none";
}
}
</script>Můžete mi prosím poradit jak to udělat, aby zobrazení bylo plynule a skryty element pomalu vyjizdel? Děkuji moc! |
||
| ja.cz Profil * |
#2 · Zasláno: 8. 10. 2010, 16:37:24
Jen doplním kousíček html kódu:
<h3>Nadpis (<a href="javascript:;" onclick="ShowInvisible(1); return false;">detail</a>)</h3>
<div id="invisible_1" style="background-color: #00CCFF; display: none;">
<ul>
<li>seznam</li>
<li>seznam</li>
<li>seznam</li>
<li>seznam</li>
<li>seznam</li>
<li>seznam</li>
</ul>
</div> |
||
| ShiraNai7 Profil |
#3 · Zasláno: 8. 10. 2010, 16:46:52
http://jquery.com/
Super javascriptova knihovna - doporucuji. Pak nemusis zbytecne programovat veci co jsou jiz hotove a odladene. Pro to vysunuti staci neco takoveho: jQuery('#invisible_1').slideDown();Info k te funkci: http://api.jquery.com/slideDown/ |
||
|
Časová prodleva: 14 let
|
|||
0