Autor Zpráva
stanley
Profil *
Nie som znalý javascriptu, preto pre niekoho je to úplná banalita (za čo sa ospravedlňujem), ale by som potreboval vedieť ako docieliť to zjemnenie vysúvania. Našiel som si nejaký free script, ktorý však sa vysúva dosť rýchlo (nepekne)...
Vďaka
DJ Miky
Profil
Třeba zmenšit hodnotu posuvu... Bez konkrétního skriptu ale budeme těžko hádat.
stanley
Profil *
Tu je kód:


var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.

function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul ")
for (var t=0; t<ultags.length; t++){
ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoff set+"px"
var spanref=document.createElement("span")
spanref.className="arrowdiv"
spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanr ef)
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}

if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)
DJ Miky
Profil
Aha, já jsem pod slovy dosť rýchlo rozuměl, že se to opravdu vysouvá, ale rychle, ne že se to hned objeví...

Na HotScripts možná něco najdeš, já tam jen tak zběžně našel tohle, možná to pomůže.
stanley
Profil *
díky....
peta
Profil
jakpsatweb - javascript - priklady - jednoducha animace
xatchat.sk - login - mistnost
http://www.petrasek.info/
stanley
Profil *
No s tým vysúvacím menu je to ťažšie ako som predpokladal. Budem vďačný ak mi s tým trochu pomôžete...
Na svojej stránke mám menu definované v css takto:
#menu {
width: 900px;
height: 27px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 25px 0 25px;
background: url(images/img03.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(images/img04.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(images/img04.gif);
}

v html kóde je takto:
<div id="menu">
<ul>
<li class="active"><a href="#" title="">Index</a></li>
<li><a href="#" title="">Menu1</a></li>
<li><a href="#" title="">Menu2</a></li>
<li><a href="#" title="">Menu3</a></li>
<li><a href="#" title="">Menu4</a></li>
</ul>
</div>
chcel by som na to aplikovať to roll menu čo mi našiel DJ Miky, či sa to vôbec dá...
http://www.vegui.org/site/blog/82/veguisitekit---dropping-down-some-me nus.html

Vďaka
peta
Profil
Tak to si pletes pojmy :) To neni rolovaci menu, to jen vyuziva vlastnost overflow:hidden nebo CSS clip.
http://www.volny.cz/peter.mlich/www.htm#mssub8
viz menu-efekt
nastavuje clip od min rozmeru po max. Mi se prave moc nepodarilo rolovaci.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: