[ 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

629

15.10.2013 21:54

newbie99

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

menu

v Frontend

2

908

05.12.2007 15:51

Ezekiell

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

menu

v Frontend

2

944

08.05.2009 12:33

shaggy

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

menu

v Frontend

2

888

04.04.2009 16:00

DeiDaro

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

MENU

v Video programy

1

600

06.08.2010 12:14

SpaRcoOo

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

Menu

v Frontend

21

1329

27.01.2011 8:58

Antuanet

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

MEnu

v Frontend

20

692

21.05.2014 22:42

lukyno010

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

menu

v Frontend

8

1049

22.08.2008 10:00

Maron

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

menu

v Frontend

3

996

11.12.2007 15:34

Tominator

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

Menu

v Video programy

2

892

20.04.2008 15:39

Dzin

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

menu

v Frontend

4

787

19.08.2008 13:53

stenley

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

Vycentrovanie menu

v Frontend

1

362

27.05.2014 14:43

ChickenHunter79

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

Flash menu

v Frontend

7

696

27.07.2007 10:09

scooby

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

menu css

v Frontend

3

1048

23.12.2008 15:14

buslo

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

NEFUNGUJE MENU

v Kôš

5

67

02.06.2018 19:52

michalesku

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

Flash menu

v Ostatné

4

2622

10.12.2007 20:09

jablko05



© 2005 - 2026 PCforum, edited by JanoF