Kod
<style type="text/css">
ul
{
margin: 0;
padding: 0;
}
li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li
{
display: none;
}
</style>
<!-- Nasz kod java script: -->
<script type="text/javascript">
window.onload = Laduj;
function Pokaz()
{
var ul = document.getElementById('menu');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length; i++ )
{
elements[i].style.display = "block";
}
}
function Ukryj()
{
var ul = document.getElementById('menu');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length; i++ )
{
elements[i].style.display = "none";
}
}
function Laduj()
{
var li = document.getElementById('main')
li.onmouseover = Pokaz;
li.onmouseout = Ukryj;
}
</script>
</head>
<body>
<div style="width: 60px;">
<ul>
<li id="main">
<a href="#"><strong>kategoria</strong></a>
<ul id="menu">
<li><a href="#">przyklad</a></li>
<li><a href="#">przyklad</a></li>
<li><a href="#">przyklad</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
ul
{
margin: 0;
padding: 0;
}
li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li
{
display: none;
}
</style>
<!-- Nasz kod java script: -->
<script type="text/javascript">
window.onload = Laduj;
function Pokaz()
{
var ul = document.getElementById('menu');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length; i++ )
{
elements[i].style.display = "block";
}
}
function Ukryj()
{
var ul = document.getElementById('menu');
var elements = ul.getElementsByTagName('li');
for (var i = 0; i < elements.length; i++ )
{
elements[i].style.display = "none";
}
}
function Laduj()
{
var li = document.getElementById('main')
li.onmouseover = Pokaz;
li.onmouseout = Ukryj;
}
</script>
</head>
<body>
<div style="width: 60px;">
<ul>
<li id="main">
<a href="#"><strong>kategoria</strong></a>
<ul id="menu">
<li><a href="#">przyklad</a></li>
<li><a href="#">przyklad</a></li>
<li><a href="#">przyklad</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
No i jak przejezdzam myszka na nazwe kategori.. rozwija sie menu prawidlowo... ale gdy myszka przejade na to co sie rozwinelo.. to zaraz to znika
Mozecie sprawdzic .... wkleic ten kod do pliku html...
Moje pytanie ! :
Wie ktos co dodac aby to ZMIENIC ?