Jag har sökt, hittade en annan tråd,men fattade inte.
Jag vill ha så när man för över texten Start så ska det dyka upp ett bild som ligger lite längre till vänster, hur gör jag det?
Mouse over text?
5 svar · 225 visningar · startad av [AMD]Zmaster
<script type="text/javascript" language="JavaScript">
function showLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "visible";
} else if (document.layers){
document.layers[Id].visibility = "show";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "visible";
}
}
function hideLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "hidden";
} else if (document.layers){
document.layers[Id].visibility = "hide";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "hidden";
}
}
</script>
<div id="foo" style="position:absolute;top:50px;left:50px;visibility:hidden;"><img src="bild.gif"></div>
<span onmouseover="showLayer('foo');" onmouseout="hideLayer('foo');">Start</span>
Positionen på bilden ställer du med top och left. Vill du att det även skall fungera i Netscape 4 får du byta ut <span> mot en länk.
TACK SÅ MYCKET!
Öhm, har ett nytt problem nu!
Har gjort en länk i diven, men vill få den länkfärgen till vit.
Hur skriver jag det??
<style>
body {
margin : 10px 0px 0px 0px;
height : 100%;
width : 100%;
}
#menu {
font-family : Verdana, Arial, Serif;
font-size : 10px;
color : #fff;
text-decoration : none;
padding : 4px;
background : #666;
}
</style>
</head>
<script type="text/javascript" language="JavaScript">
function showLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "visible";
} else if (document.layers){
document.layers[Id].visibility = "show";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "visible";
}
}
function hideLayer(Id){
if (document.all) {
document.all[Id].style.visibility = "hidden";
} else if (document.layers){
document.layers[Id].visibility = "hide";
} else if (document.getElementById){
document.getElementById(Id).style.visibility = "hidden";
}
}
</script>
<body bgcolor=#D6E6FF>
<div id="menu"><div id="foo" style="position:absolute;top:5px;left:400px;visibility:hidden;"><img src="bild.jpg"></div>
<span onmouseover="showLayer('foo');" onmouseout="hideLayer('foo');"><a href="main.html">Start</a></span> | Info | Ladda ner | Teamet | Kontakta oss</div>
<a style="color:white;" ...osv