Java programozas, javascript
-
Balage74 #187 Ha jól olvasom akkor két megoldást kínál az oldal:
1. Ez egy sima html és javascript párosítás.
Ez a html kód:
<a href="#" class="button" onclick="javascript:showElement('v-menu')">
<span>Click Here</span>
</a>
<ul id="v-menu" class="v-menu" style="display:none;">
<li><a href="p1.html">Technology</a></li>
<li><a href="p2.html">Design</a></li>
<li><a href="p3.html">Css Gallery</a></li>
<li><a href="p4.html">Entertainment</a></li>
<li><a href="p5.html">Programming</a></li>
</ul>
az <ul> tagnál szereplő display:none fontos.
A <head> részhez meg hozzá kell adni a jscriptet:
<script type="text/javascript">
function showElement(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none"){
myLayer.style.display="block";
myLayer.backgroundPosition="top";
} else {
myLayer.style.display="none";
}
}
</script>
A másik megoldás már a mootools javascript gyűjteményre épül (gondolom szebben fog kinézni)Ez a html menü kódja:
<a href="#" class="button" id="toggle"><span>Click Here</span>
</a>
<ul id="v-menu" class="v-menu">
<li><a href="p1.html">Technology</a></li>
<li><a href="p2.html">Design</a></li>
<li><a href="p3.html">Css Gallery</a></li>
<li><a href="p4.html">Entertainment</a></li>
<li><a href="p5.html">Programming</a></li>
</ul>
ehhez szükség van a <head> részben az általad letöltött mootools scriptgyűjtemény behívására :
<script type="text/javascript" src="mootools.svn.js"></script>
ezt a javascript kódot pedig közvetlenül a html menüd alá kell betenni:
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu= new Fx.Slide('v-menu2');
myMenu.hide();
$('toggle').addEvent('click', function(e){
e = new Event(e);
myMenu.toggle();
e.stop();
});
});
</script>
mindkét esetben a html-es részt úgy változtatod ahogy akarod, de a javascripteket ne piszkáld ha nem értesz hozzá:D
A mootools-t most fejből nem tudom honnan lehet leszedni, de a google a barátod.... (gondolom mootools.org, de vagyok annyira lusta, hogy nem nézem meg neked, keresd meg te:D)