---
title: "Mouse over text?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/66477-mouse-over-text"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "[AMD]Zmaster"
published: "2003-01-28T20:14:41.000Z"
updated: "2003-01-28T20:46:23.000Z"
replies: 5
views: 225
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/66477-mouse-over-text"
---

# Mouse over text?

## #1 — [AMD]Zmaster, 2003-01-28T20:14Z

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?

Permalänk: https://www.webforum.nu/p/66477

## #2 — Jojoxx, 2003-01-28T20:21Z

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

Permalänk: https://www.webforum.nu/p/932625

## #3 — [AMD]Zmaster, 2003-01-28T20:22Z

TACK SÅ MYCKET!

Permalänk: https://www.webforum.nu/p/932626

## #4 — [AMD]Zmaster, 2003-01-28T20:38Z

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

Permalänk: https://www.webforum.nu/p/932633

## #5 — Jojoxx, 2003-01-28T20:44Z

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

Permalänk: https://www.webforum.nu/p/932636

## #6 — [AMD]Zmaster, 2003-01-28T20:46Z

> **Jojoxx skrev:**
>
> ```
> <a style="color:white;" ...osv
> ```

Tack, funkade bra :)

Permalänk: https://www.webforum.nu/p/932638

---

Tråden på webben: https://www.webforum.nu/amne/javascript/66477-mouse-over-text
