Mouse over text?

5 svar · 225 visningar · startad av [AMD]Zmaster 28 jan. 2003

[AMD]ZmasterMedlem sedan mars 20021 716 inlägg

Trådstart28 jan. 2003 20:14#1

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?

JojoxxMedlem sedan juni 20004 308 inlägg

28 jan. 2003 20:21#2

<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.

[AMD]ZmasterMedlem sedan mars 20021 716 inlägg

28 jan. 2003 20:22#3

TACK SÅ MYCKET!

[AMD]ZmasterMedlem sedan mars 20021 716 inlägg

28 jan. 2003 20:38#4

Ö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>

JojoxxMedlem sedan juni 20004 308 inlägg

28 jan. 2003 20:44#5

<a style="color:white;" ...osv

[AMD]ZmasterMedlem sedan mars 20021 716 inlägg

28 jan. 2003 20:46#6

Jojoxx skrev:

<a style="color:white;" ...osv

Tack, funkade bra