Boční vyjížděcí panel – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Boční vyjížděcí panel – JavaScript, AJAX, jQuery – Fórum – Programujte.comBoční vyjížděcí panel – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
RePRO0
Super člen
1. 4. 2013   #1
-
0
-

Zdravím,

potřeboval bych odkazy na nějaké examples (ukázky) vyjížděcího panelu (slider). Abych upřesnil, mějme na levé straně div, kde je napsáno info. Když na něj najedem myší, tak vyjede. Já vím, že je to jako klasické menu, ale na boku... jen bych ho chtěl pěkné, s animací a aby mě nadchlo. Není důležité, aby plavalo s contentem (obsahem). Jenom tak úplně nevím, jaké keywords (slider?) zadat do G, díky.

Takhle to naznačím: http://mobilni-site.cz/bin/example-bar.png

Nahlásit jako SPAM
IP: 95.82.185.–
Software: C; C++; C#; Pascal; Delphi; Java Webdesign: PHP; MySQL; CSS; jQuery; Ajax; Javascript; OOP
Reklama
Reklama
Kowalsky950
Stálý člen
4. 4. 2013   #2
-
0
-

   

<script type="text/javascript">
var casovac;
function vyjeti()
{
var element=window.document.getElementById("neco").style.left;
var delka=parseInt(element);
if (delka<-420)
	{
	window.document.getElementById("neco").style.left = ++delka;
	casovac=setTimeout("vyjeti()",20);
	}
else if (delka< 0 && delka>= -420)
	{
	window.document.getElementById("neco").style.left = ++delka;
	casovac=setTimeout("vyjeti()",2);
	}
	
}
function zajeti()
{
var element=window.document.getElementById("neco").style.left;
var delka=parseInt(element);
if (delka> -450 )
	{
	window.document.getElementById("neco").style.left = --delka;
	casovac=setTimeout("zajeti()",1);
	}
	
}
</script>
<div style="position:absolute;width:500px;height:300px;top:400px;left:-450px;background-color:yellow;" id="neco"
onMouseOver="vyjeti();"
onMouseOut="zajeti();">
TEXT
</div>

Doufám že to takhle stačí. Jde upravit rychlost, popřípadě po vložení více podmínek se může prvek zrychlovat nebo zpomalovat.

Nahlásit jako SPAM
IP: 90.176.114.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 32 hostů

Podobná vlákna

Panel a bsSizeable — založil dyžon

C# panel + image — založil Martin

Teacher Control Panel — založil Petr

C# save panel as .jpg — založil tipetka

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý