Vysúvacie menu

Programovacie jazyky, rady, poradňa...
atlox
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 230
Registrovaný: 15 aug 2006, 0:31
Bydlisko: Poprad
Kontaktovať používateľa:

Vysúvacie menu

Príspevok od používateľa atlox »

Zdravím borci... :)

Chcel by som si urobiť vysúvacie menu a chcel by som sa opýtať, akým spôsobom by ste to riešili vy?? Uvažoval som nad JavaScriptom a CSS čiže DHTML, ale to vysúvanie a takto... píšte :idea: názory a postrehy budem len rád.

Vopred vďaka! :wink:
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

ked to ma byt vysuvacie menu v pravom zmysle, teda ma tam byt aj ten efekt vysuvania, tak to inak ako pomocou js neurobis.
co sa tyka kodu, myslim ze zbytocne tu budeme nieco vymyslat, najlepsie je asi pogooglit, popozerat kod a upravit si ho tak aby vyhovoval
atlox
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 230
Registrovaný: 15 aug 2006, 0:31
Bydlisko: Poprad
Kontaktovať používateľa:

Príspevok od používateľa atlox »

Viem, že je dobré pogoogliť.. takých menu mám v kompe mnoho, ale zaujíma ma ako rozmíšľajú aj iní slovenskí programátori... :oops: Len tak letmo opísať ten postup alebo keď tak hodiť kódik... :)
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

no tak ja by som skombilnoval css poziciovanie, pseudoselektory, a timeout v js.
len sa s tym treba pohrat... :)
najviac casu asi zaberie optimalizacia pre vsetky prehliadace.
atlox
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 230
Registrovaný: 15 aug 2006, 0:31
Bydlisko: Poprad
Kontaktovať používateľa:

Príspevok od používateľa atlox »

Takto by som to riešil aj ja... veru to hranie sa je najťažšie.... :)
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

ono ti to vygeneruje obrázky + css + index.html + js takže si to môžeš upraviť.. určite je to menej roboty ako kodiť od nuly
atlox
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 230
Registrovaný: 15 aug 2006, 0:31
Bydlisko: Poprad
Kontaktovať používateľa:

Príspevok od používateľa atlox »

:) Ak niekto má nejaké napady tak sem hoďte aj kodiky...
caesar1987
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3001
Registrovaný: 02 okt 2005, 0:57
Bydlisko: Nové Zámky
Kontaktovať používateľa:

Príspevok od používateľa caesar1987 »

sprav do tak, ze celu tu cast das do dvoch divov...

jeden bude staticky a druhy sa bude v nom posuvat
ten prvy bude mat nastavene overflow hidden

ten druhy sa bude hybat cez javarcript, napr kazdu sekundu bude posuvat css hodnotu left...

to je navod ako spravit to, ze sa ti napr po prejdeni myskou postupne nieco bude posuvata nakoniec cele vysunie (podminka to zastavi...)

robil som nieco take na scrolovanie, ked chces, dam ti to sem...

Kód: Vybrať všetko

var skroldivinfo;
var ii= 0;
var ai = 17;
function zastavinfo()
{
clearTimeout(skroldivinfo);
}
function skrolujdoleinfo(){
if (ii > -600) {skroldivinfo = setTimeout('skrolujdoleinfo()',300)
ii = ii - 50
ai = ai + (30+1/2)
document.getElementById('sdivinfo').style.top = ii;
document.getElementById('scrollstredinfo').style.top = ai;}
else { zastavinfo()};
}
function skrolujhoreinfo(){
if (ii < 0) {skroldivinfo = setTimeout('skrolujhoreinfo()',300)
ii = ii + 50
ai = ai - (30+1/2)
document.getElementById('sdivinfo').style.top = ii;
document.getElementById('scrollstredinfo').style.top = ai;}
else { zastavinfo()};
}

Kód: Vybrať všetko

<div style="position:absolute; top: 0px; right: 10px; z-index: 2" class="osp">
<a href="#" onmouseover="javascript:skrolujhoreinfo()" onmouseout="javascript:zastavinfo()">
<img src="pictures/scroll_hore.gif" width="16" height="17">
</a>
</div>
<div style="position:absolute; top: 400px; right: 10px; z-index: 2" class="osp">
<a href="#" onmouseover="javascript:skrolujdoleinfo()" onmouseout="javascript:zastavinfo()">
<img src="pictures/scroll_dole.gif" width="16" height="17">
</a>
</div>
<div id="scrollstredinfo" style="position:absolute; top: 17px; right: 10px; z-index: 2" class="osp">
<img src="pictures/scroll_stred.gif" width="16" height="17">
</div>
atlox
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 230
Registrovaný: 15 aug 2006, 0:31
Bydlisko: Poprad
Kontaktovať používateľa:

Príspevok od používateľa atlox »

Takto nejako som si to predstavoval a rozmýšľal nad tým aj ja.... a čo trebárs nejaké efekty k tomu?? Napadá vás niečo? :wink:
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

aké efekty? až to chceš plné efektov a prechodov, tak sa vykašli na javascript a sprav to vo flashi
Fata! ChaoS
Star
Star
Používateľov profilový obrázok
Príspevky: 650
Registrovaný: 12 apr 2006, 20:23
Bydlisko: Tvrdošovce
Kontaktovať používateľa:

Príspevok od používateľa Fata! ChaoS »

A čo povieš na takéto menu?

Kód: Vybrať všetko

<applet code="CourseMenu.class" width="160" height="200" codebase="applets/0134/">
<param name="fontNameHeader" value="Arial">
<param name="fontStyleHeader" value="Bold">
<param name="fontSizeHeader" value="15">
<param name="fontLeadingHeader" value="8">
<param name="headerStringColor" value="#666666">
<param name="alignment" value="Vertical">
<param name="direction" value="Down">
<param name="speed" value="130">
<param name="background" value="No">
<param name="rollover"    value="True"> 
<param name="bgColor" value="#FFFFFF">
<param name="itemColor" value="#555555">
<param name="highlightColor" value="206132000">
<param name="fontName" value="Helvetica">
<param name="fontStyle" value="bold">
<param name="fontSize" value="9">
<param name="m1" value="Vyhliadavače">
<param name="m1i1" value="google,http://google.sk">
<param name="m1i2" value="phazeddl,http://www.phazeddl.com">
<param name="m1i3" value="phazemp3,http://www.phazemp3.com">
<param name="m2" value="Fóra"> 
<param name="m2i1" value="hojko.com,http://www.hojko.com">
<param name="m2i2" value="lamky.net,http://www.lamky.net">
<param name="m3" value="chat">
<param name="m3i1" value="azet,http://www.azet.sk">
<param name="m4" value="ostatné">
<param name="m4i1" value="level,http://www.level.cz">
<param name="m4i2" value="abcgames,http://abcgames.sk">
</applet> 
To si kludne ôžeš prepísať podľa svojho ako sa ti páči

alebo som ešte našiel toto

Kód: Vybrať všetko

<applet CODE="ryActiveMenu.class" WIDTH="280" HEIGHT="178" codebase="applets/0083">
<param name="Sound" value="1">
<param name="Entry1" value="J a v a S c r i p t L i b r a r y">
<param name="URL1" value="http://java.tatousek.cz">
<param name="Target1" value="_top">
<param name="Message1" value="Největší archiv skriptů v České republice!">
<param name="Entry2" value="J i ř í T a t o u š e k - H o m e P a g e">
<param name="URL2" value="http://www.tatousek.cz">
<param name="Target2" value="_top">
<param name="Message2" value="Moje domácí stránka na Internetu.">
<param name="Entry3" value="J T W e b D e s i g n S t u d i o">
<param name="URL3" value="http://webdesign.tatousek.cz">
<param name="Target3" value="_top">
<param name="Message3" value="Tvorba WWW stránek na zakázku.">
<param name="Entry4" value="E - m a i l">
<param name="URL4" value="mailto:[email protected]">
<param name="Message4" value="Můj E-mail.">
<param name="Entry5" value="&sp">
<param name="Entry6" value="S i t e B u i l d e r N e t w o r k">
<param name="URL6" value="http://www.microsoft.cz/sitebuilder/">
<param name="Target6" value="_blank">
<param name="Message6" value="Microsoft SiteBuilder Network.">
<param name="Entry7" value="M a c r o m e d i a">
<param name="URL7" value="http://www.macromedia.com">
<param name="Target7" value="_blank">
<param name="Message7" value="Macromedia Web Site.">
<param name="ButtonColor" value="800000">
<param name="Label" value="J a v a S c r i p t L i b r a r y">
<param name="LabelColor" value="FF0000">
<param name="LabelFocusColor" value="FFFFFF">
<param name="LabelPressColor" value="808080">
<param name="MenuColor" value="800000">
<param name="EntryColor" value="C0C0C0">
<param name="EntryFocusColor" value="FFFF00">
<param name="EntryPressColor" value="808000">
<param name="BgColor" value="FFFFFF">
</applet>
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Príspevok od používateľa audiotrack »

Fata! ChaoS: on chcel nejaké vysúvacie
Hip-hoper
Star
Star
Používateľov profilový obrázok
Príspevky: 573
Registrovaný: 15 jan 2006, 23:05
Bydlisko: Sabinov
Kontaktovať používateľa:

Príspevok od používateľa Hip-hoper »

ja na tvojom mieste by som si to spravil sam,aspon ked na to pozres o mesiac,budes tomu rozumiet 8)
najhorsie je to optimalizovanie pre vsetky prehliadace,to ti da najviac prace...
Napísať odpoveď