| Autor | Zpráva | ||
|---|---|---|---|
| Amunak Profil |
#1 · Zasláno: 1. 8. 2010, 09:59:43
Chtěl bych udělat div, který je částečně schovaný a při najetí na něj se vysune do boku. Při jeho opuštění by se měl zase schovat. Pro lepší představu obrázek:
Černě je okraj prohlížeče, červeně vždy viditelná část a modře je vysouvaný obsah. Moc ale nevím, jak na to, a najít už napsaný skript se mi nepodařilo. Přesto si myslím, že takový existuje, protože jsem to již několikrát viděl. Bohužel nevím, kde. Díky za pomoc. |
||
| pavuk Profil |
#2 · Zasláno: 1. 8. 2010, 13:41:36
Můžeš to vidět třeba na Kunratickým lese při virtuální procházce
|
||
| Amunak Profil |
#3 · Zasláno: 1. 8. 2010, 20:05:57
pavuk:
Jenže tam je to ve flashi, to mi moc nepomůže. |
||
| Medvídek Profil |
#4 · Zasláno: 1. 8. 2010, 20:11:00
Amunak:
<div id="message" style="background:blue;"><a id="rsdv" style="color:white" title="+" href="#">+</a></div>
<div style="background:yellow">bla bla</div>
<script>
var d=document;
function sh(id1,id2){
ele=document.getElementById(id2);
ele.style.height='20px';
d.getElementById(id1).onclick=function(){
if(this.title=='-'){h();this.removeAttribute('rel');this.title='+';return false;}
else{s();this.setAttribute('rel','on');this.title='-';return false;}};
d.getElementById(id1).onkeypress=function(){return this.onclick;};
}
function h(){
var end=20;if(parseInt(ele.style.height,10)>end){
ele.style.height=parseInt(ele.style.height,10)-20+"px";setTimeout(h,1);
}
}
function s(){var end=400;if(parseInt(ele.style.height,10)<end){
ele.style.height=parseInt(ele.style.height,10)+20+"px";setTimeout(s,1);
}
}
sh('rsdv','message');
</script> |
||
|
Časová prodleva: 16 let
|
|||
0