| | |
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Autor | Správa |
---|
Registrovaný: 09.03.08 Prihlásený: 22.12.10 Príspevky: 356 Témy: 85 Bydlisko: Topoľčany |
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 |
|
Registrovaný: 30.04.08 Prihlásený: 15.05.15 Príspevky: 884 Témy: 3 |
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...
|
|
Registrovaný: 09.03.08 Prihlásený: 22.12.10 Príspevky: 356 Témy: 85 Bydlisko: Topoľčany | Napísal autor témy kaidžas: 28.07.2008 21:48 | |
|
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 |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 Bydlisko: Trnava |
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] |
|
Registrovaný: 09.03.08 Prihlásený: 22.12.10 Príspevky: 356 Témy: 85 Bydlisko: Topoľčany | Napísal autor témy kaidžas: 29.07.2008 18:14 | |
|
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 |
|
Registrovaný: 03.04.08 Prihlásený: 10.12.19 Príspevky: 4667 Témy: 37 Bydlisko: Trnava |
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] |
|
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| navigacne menu - sek.menu v HTML, XHTML, XML, CSS | 2 | 495 | 15.10.2013 21:54 newbie99 | | menu v HTML, XHTML, XML, CSS | 4 | 645 | 19.08.2008 13:53 stenley | | menu v HTML, XHTML, XML, CSS | 2 | 776 | 05.12.2007 15:51 Ezekiell | | menu v HTML, XHTML, XML, CSS | 2 | 787 | 08.05.2009 12:33 shaggy | | MENU v Video programy | 1 | 485 | 06.08.2010 12:14 SpaRcoOo | | menu v HTML, XHTML, XML, CSS | 2 | 765 | 04.04.2009 16:00 DeiDaro | | Menu v HTML, XHTML, XML, CSS | 21 | 1149 | 27.01.2011 8:58 Antuanet | | MEnu v HTML, XHTML, XML, CSS | 20 | 507 | 21.05.2014 22:42 lukyno010 | | menu v JavaScript, VBScript, Ajax | 3 | 881 | 11.12.2007 15:34 Tominator | | menu v HTML, XHTML, XML, CSS | 8 | 919 | 22.08.2008 10:00 Maron | | Menu v Video programy | 2 | 770 | 20.04.2008 15:39 Dzin | | priehladne menu v HTML, XHTML, XML, CSS | 14 | 713 | 09.09.2009 13:37 sillyounguy | | Menu hover v HTML, XHTML, XML, CSS | 29 | 668 | 28.03.2013 22:06 pecado | | Kontextove menu v Operačné systémy Microsoft | 0 | 543 | 01.02.2009 19:54 JASTER73 | | nefunkcne menu v Ostatné | 1 | 890 | 26.09.2007 20:23 imcold | | Rozklikávacie menu v JavaScript, VBScript, Ajax | 2 | 753 | 15.08.2009 19:23 ovi |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|