---
title: "Meny som ändrar text vid mouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121207-meny-som-ändrar-text-vid-mouseover"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Danielkun"
published: "2005-01-28T08:27:25.000Z"
updated: "2005-01-28T13:11:22.000Z"
replies: 7
views: 383
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/html-css/121207-meny-som-ändrar-text-vid-mouseover"
---

# Meny som ändrar text vid mouseover

## #1 — Danielkun, 2005-01-28T08:27Z

Jag har lekt med denna meny ett tag här nu, men jag undrar om det inte går att ändra texten vid mouseover?

Jag skulle vilja att den står på engelska först, men vid mouseover skrivs det på japanska.. nån som vet hur man skulle kunna gå till väga?   :stud 

<http://css.maxdesign.com.au/listamatic/horizontal24.htm>

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

## #2 — PepeJeria, 2005-01-28T08:49Z

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<style type="text/css">
#navcontainer { /* none needed */ }

ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

ul#navlist li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-color: #eef4f1;
border-top: 1px solid #e0ede9;
border-bottom: 1px solid #e0ede9;
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 5px 9px 4px 9px;
color: #95bbae;
border-right: 1px dashed #d1e3db;
text-decoration: none;
}

ul#navlist li#active
{
color: #95bbae;
background-color: #deebe5;
}

#navlist a:hover
{
color: #74a893;
background-color: #d1e3db;
}

#navlist a:hover span.eng
{
	display:none;
}

#navlist a:hover span.jap
{
	display:inline;
}

#navlist a span.jap
{
	display:none;
}
</style>
<body>

<div id="navcontainer">
	<ul id="navlist">
		<li id="active"><a href="#" id="current"><span class="eng">Item one</span><span class="jap">Japanska</span></a></li>
	</ul>
</div>

</body>
</html>
```

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

## #3 — nitro2k01, 2005-01-28T08:53Z

Enklast är nog att använda bilder, eftersom inte alla (Alltså de flesta utanför Japan) har japanska fonter på ina datorer.
Med det sagt finns det ändå en bra lösning, om du vill att det ska vara text som ändras.
Jag har skrivit ett litet "behavior" som det heter som fixar detta. 

När det gäller själva tecknen, så finns det en sida som konverterar romaji till kana: <http://kanjidict.stc.cx/hiragana.php>. Välj &# codes som encoding, kopiera sedan från källan till alttext i koden.

Skriptet är inte kompatibelt med mozilla/firefox för tillfället, men ge mig ett par minuter så fixar jag det också :)

Bilagor:

- [changelink.zip](https://www.webforum.nu/a/5436.zip)

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

## #4 — zcorpan, 2005-01-28T11:15Z

Japanska fonter?? <http://annevankesteren.nl/archives/2004/05/unicode#comment-1321>

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

## #5 — nitro2k01, 2005-01-28T11:17Z

Jag får dock säga att jag gillar PepeJerias lösning bättre än min egen.

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

## #6 — zcorpan, 2005-01-28T12:48Z

```
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<title></title>
<style type="text/css">
	a[lang="ja"][title]:hover::after {content: attr(title); padding: .1em;}
	a[lang="ja"][title]:hover span[lang="en"] {display: none;}
</style>
<ul>
	<li><a lang="ja" title="&amp;#33521;&amp;#21644;&amp;#36766;&amp;#20856;" href="#"><span lang="en">English</span></a>
</ul>
```

 Så skulle jag vilja lösa det. Jag har inte lyckats få det fungera med IE, men å andra sidan visas den japanska texten i en tooltip \<edit\>...fel av mig, det visas fyrkantiga rutor i en tooltip\</edit\>. Annars kanske [IE7](http://dean.edwards.name/IE7/) har lösningen. :)

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

## #7 — PepeJeria, 2005-01-28T12:50Z

Detta fungerar inte i IE eftersom den inte stöder CSS2 selectors... tyvärr. Kanske 2007?

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

## #8 — Danielkun, 2005-01-28T13:11Z

Tack så mycket PepeJeria!
Funkade perfekt på en gång. Ska ta och kolla igenom den nu.

nitro2k01, tack för ditt svar. Men sidan jag bygger är på japanska för japaner så jag tror dom har japanska fonter på datorn :)

RED.

Märkte en sak nu jag undrar lite över. Om texterna är annorlunda långa så anpassas menyn efter längden på texten som visas.

Hur gör man för att "sätta fast" bredden på en meny?  :r 

RED. Frågade detta i en ny tråd

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121207-meny-som-ändrar-text-vid-mouseover
