---
title: "MouseOver Layer"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17858-mouseover-layer"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Stina"
published: "2001-06-13T07:19:00.000Z"
updated: "2001-06-13T08:50:00.000Z"
replies: 1
views: 163
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/17858-mouseover-layer"
---

# MouseOver Layer

## #1 — Stina, 2001-06-13T07:19Z

Denna koden gör att 
text visas på sidan när man klickar på en länk. Texten försvinner så snart man drar musen därifrån. Jag skulle istället vilja att texten försvinner först när man klickar på en ny länk. Hur gör jag detta?

```
<html>
<head>
	<title></title>

<script language="JavaScript">
<!--
function ImgRep() { //v2.0
  var i, visStr, args, theObj;
  args = ImgRep.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
//-->
</script>

<style>
.link1 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link2 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link3 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link4 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden; color: #000000; font-family: arial; font-size: 13px; }
.link5 { position: absolute; top: 190px; width: 400px; left: 400px; visibility: hidden;color: #000000; font-family: arial; font-size: 13px; }

</style>
</head>

<body>
<br><br>

<a href="#" onClick="ImgRep('document.layers[\'Lslide1\']','document.all[\'Lslide1\']','show')" onMouseout="ImgRep('document.layers[\'Lslide1\']','document.all[\'Lslide1\']','hide')">Länk 1</a>
<br><br><br>

<a href="#" onClick="ImgRep('document.layers[\'Lslide2\']','document.all[\'Lslide2\']','show')"  onMouseout="ImgRep('document.layers[\'Lslide2\']','document.all[\'Lslide2\']','hide')">Länk 2</a>
<br><br><br>

<div id="Lslide1" class="link1">Länktext1</div>

<div id="Lslide2" class="link2">Länktext 2</div>

</body>
</html>
```

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

## #2 — Stina, 2001-06-13T08:50Z

Glöm - löste det

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17858-mouseover-layer
