PDA

Arată versiune īntreagă : functia mouseover



szilard
18.02.2010, 11:56
buna ziua,m-ar interesa daca se poate face urmatorul lucru: am un meniu alcatuit din 6 elemente si doresc sa afisezi imagini in alt cadran daca utilizatorul duce cursorul peste elementele din meniu.

Multumesc

micku7zu
18.02.2010, 12:06
da se poate ... am facut un exemplu.


<html>
<head>
<script>
function arata(idDiv)
{
document.getElementById(idDiv).style.display='bloc k';
}
function ascunde(idDiv)
{
document.getElementById(idDiv).style.display='none ';
}
</script>
<style>
a
{
cursor:pointer;
margin:5px;
float:left;
border:1px solid red;
}
.box
{
display:none;
}
</style>
</head>
<body>
<a onmouseover="arata('boxu1');" onmouseout="ascunde('boxu1');">Arata primu </a>
<a onmouseover="arata('boxu2');" onmouseout="ascunde('boxu2');">Arata 2 </a>
<a onmouseover="arata('altdiv');" onmouseout="ascunde('altdiv');">Arata 3 </a>

<br /><br />
<div id="boxu1" class="box">bla ba lbas dsaf da</div>
<div id="boxu2" class="box">bal bas basd fa </div>
<div id="altdiv" class="box">fsdfdsa</div>
</body>
</head>

Demo:
http://s3by.info/javascript.html

szilard
18.02.2010, 12:07
multumesc pentru ajutor

szilard
18.02.2010, 12:39
daca inlocuiesc cu poze atuncia prima data apar toate pozele pe pagina pana cand duc mousul peste careva din butoane. Cum as putea rezolva aceasta problema?
Multumesc

micku7zu
18.02.2010, 18:24
Salut. Scuze ca am raspuns asa de tarziu, am fost plecat.

Pune pozele sau divurile unde sunt pozele cu style="display:none;" !

La fiecare div eu am pus ' class="box" ' iar acel class avea ' display:none; ' .