[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
menu v js

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
NapísalOffline : 28.07.2008 21:35 | menu v js

Mam taky problem. potreboval by som zmenit tento js do html a css. JS:

Kód:
<div id="header">

<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/m1-1.gif',1)"><img src="images/m1.gif" width="141" height="73" alt="" id="Image2" /></a>

<a href="index-1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/m2-2.gif',1)"><img src="images/m2.gif" width="142" height="73" alt="" id="Image3" /></a>

<a href="index-2.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/m3-3.gif',1)"><img src="images/m3.gif" width="142" height="73" alt="" id="Image4" /></a>

<a href="index-3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/m4-4.gif',1)"><img src="images/m4.gif" width="142" height="73" alt="" id="Image5" /></a>

<a href="index-4.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/m5-5.gif',1)"><img src="images/m5.gif" width="141" height="73" alt=""
id="Image6"/></a>     </div>


_________________
FCSpartak Trnava
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 30.04.08
Prihlásený: 03.12.25
Príspevky: 884
Témy: 3 | 3
NapísalOffline : 28.07.2008 21:45 | menu v js

To mas akoze spravene obrazkove menu pomocou JavaScriptu ale chces pouzit namiesto neho CSS? Teda aspon tak som to pochopil, kedze si sem nedal zdrojaky tych funkcii... Ak hej tak skus pouzit pseudotriedu :hover a vlastnost background...


Offline

Užívateľ
Užívateľ
menu v js

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline : 28.07.2008 21:48 | menu v js

tu je zdrojak:
Kód:
function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
a ano chcem to dat radsej do css.


_________________
FCSpartak Trnava
Offline

Užívateľ
Užívateľ
menu v js

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 29.07.2008 0:01 | menu v js

pohladaj v sekcii HTML kazdy mesiac sa to tu iesi minimalne 3 krat ... ak mas butony budes riesit position-background(hover....) ak pasiky tak to bude jednoduchsie ...

//
Kód:
<ul class="top_menu">
<li class="home"><a href="...."  style="background-image:url(./images/menu/xxxx.gif);" class="active"><span>Home</span></a></li>
               
<li class="search"><a href="...." style="background-image:url(./images/menu/xxxx.gif);"><span>Search</span></a></li>
</ul>


CSS
Kód:
.top_menu {height:31px;position:relative;}
.top_menu li {float:left;}
.top_menu li a {display:block;height:31px;width:160px;font-size:0;line-height:0;position:relative;}
.top_menu li a span {display:none;}
.top_menu .home a{background-position:0 0;background-repeat:no-repeat;}
.top_menu .home a:hover, .top_menu .home a.active, .top_menu .home .active:hover {background-position:0 -31px;background-repeat:no-repeat;}
.top_menu .search a{background-position:0 0;background-repeat:no-repeat;}


SNAD TAM NIEJE CHYBA NARYCHLO SOM TO CUCAL..


_________________
Hmmm .... Hrošíček ... [Homer]
Offline

Užívateľ
Užívateľ
menu v js

Registrovaný: 09.03.08
Prihlásený: 22.12.10
Príspevky: 356
Témy: 85 | 85
Bydlisko: Topoľčany
Napísal autor témyOffline : 29.07.2008 18:14 | menu v js

vies co skusal som to takto: html:
Kód:
<div id="menu">
   <ul>
      <li><a href="#">....</a></li>
      <li><a href="#">....</a></li>
      <li><a href="#">....</a></li>
      <li><a href="#">....</a></li>
      <li><a href="#">....</a></li>
   </ul>
</div>


CSS:
Kód:
#menu{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(images/m1.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left;margin:0 1px 0 0;}
#menu ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#menu ul li a:hover{color:#034895;background:transparent
url(images/m1-1.gif) repeat-x top left;}
Problem u mna je v tom, ze jeden button v css viem urobit ale tych dalsich 4 uz nie. Ukazka v JS. : http://upload.678.cz/index-5.html PRESNE takto by som to potreboval v CSS.dakujem pekne.


_________________
FCSpartak Trnava
Offline

Užívateľ
Užívateľ
menu v js

Registrovaný: 03.04.08
Prihlásený: 10.12.19
Príspevky: 4667
Témy: 37 | 37
Bydlisko: Trnava
NapísalOffline : 29.07.2008 19:03 | menu v js

zajtra ti to sem skusim poslat kazdopadne pohladaj na tejto stranke (daval k dispoziici css menu na stiahnutie) uz si potom iba upravis obrazky...popripade ti ie menu poslem na mail..

http://www.exploding-boy.com/


_________________
Hmmm .... Hrošíček ... [Homer]
 [ Príspevkov: 6 ] 


menu v js



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

navigacne menu - sek.menu

v Frontend

2

612

15.10.2013 21:54

newbie99

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

4

769

19.08.2008 13:53

stenley

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

2

889

05.12.2007 15:51

Ezekiell

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

2

917

08.05.2009 12:33

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

MENU

v Video programy

1

586

06.08.2010 12:14

SpaRcoOo

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

2

876

04.04.2009 16:00

DeiDaro

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v Frontend

21

1309

27.01.2011 8:58

Antuanet

V tomto fóre nie sú ďalšie neprečítané témy.

MEnu

v Frontend

20

677

21.05.2014 22:42

lukyno010

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

8

1037

22.08.2008 10:00

Maron

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v Frontend

3

988

11.12.2007 15:34

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v Video programy

2

877

20.04.2008 15:39

Dzin

V tomto fóre nie sú ďalšie neprečítané témy.

priehladne menu

v Frontend

14

793

09.09.2009 13:37

sillyounguy

V tomto fóre nie sú ďalšie neprečítané témy.

Menu hover

v Frontend

29

821

28.03.2013 22:06

pecado

V tomto fóre nie sú ďalšie neprečítané témy.

Kontextove menu

v Windows

0

629

01.02.2009 19:54

JASTER73

V tomto fóre nie sú ďalšie neprečítané témy.

nefunkcne menu

v Ostatné

1

1005

26.09.2007 20:23

imcold

V tomto fóre nie sú ďalšie neprečítané témy.

Rozklikávacie menu

v Frontend

2

867

15.08.2009 19:23

ovi



© 2005 - 2026 PCforum, edited by JanoF