JavaScript --> JQuery
Hej!Jeg sidder med en lille opgave som egentlig bare skal gøre mere smooooth.
Jeg kan lave det simple javascript, men mangler jquery kompetencer. Jeg ved der er en animate opacity funktion i jquery men aner ikke hvordan jeg får det skrevet så det virker som følgende:
------------------------------------------------
<script type="text/javascript">
function ShowDiv(id) {
document.getElementById(id).style.display = 'block';
}
function HideDiv(id) {
document.getElementById(id).style.display = 'none';
}
</script>
<style type="text/css">
#minBox,#minBox2,#minBox3 {
background-color: #333; color:#fff; border: 1px solid #FFF;
position:absolute;top:50px;left:50%;height: 100px;width: 200px;
display:none;
}
</style>
<form>
<select name="selector">
<option onmouseover="ShowDiv('minBox');" onmouseout="HideDiv('minBox');">Testbox1</option>
<option onmouseover="ShowDiv('minBox2');" onmouseout="HideDiv('minBox2');">Testbox2</option>
<option onmouseover="ShowDiv('minBox3');" onmouseout="HideDiv('minBox3');">Textbox3</option>
</select>
</form>
<div id="minBox">Box1</div>
<div id="minBox2">Box2</div>
<div id="minBox3">Box3</div>
------------------------------------------------
Altså en selectbox med en mouseover der viser en given div.
Pft. Kim
