JQuery laver en menu
Hej EksperterJeg er igang med at lave en menu med nogen effekter med JQuery
Det som det handler om er at når jeg flytter musen fra min li altså den menu linje forsvinder den, og de andre rykker sig så op når jeg beværre musen hen over menuen. Min kode er
Er igang med at teste, om jeg kan finde ud af at lave en menu som regere på forskellige måder.
<ul>
<li>Danmark</li>
<li>Sverige</li>
<li>Norge</li>
<li>Finland</li>
<li>Island</li>
</ul>
var demo =
{
ready:function()
{
//ul kommer langsomt frem, eftersom ul i css er sat til "display: none;"
$(document).ready(
function(){
$('ul').fadeIn(2000);
}),
//Når musen er på li kommer fed tekst, og baggrund frem, så som står i css.
$('li').bind(
'mouseover',
function(){
$(this).addClass('fundet');
}),
$('li').bind(
'mouseout',
function(){
$(this).removeClass('fundet');
})
}
}
$(document).ready(demo.ready);
Med venlig hilsen
Morten
