Søg
Avatar billede Slettet bruger
11. marts 2006 - 17:53 Der er 7 kommentarer og
1 løsning

mouse over text

jeg vil gerne have der kommer noget text op ved mouse-over over et link

jeg gerne med stylesheet kunne lave den mouseover fancy

kan nogen hjælpe??
Avatar billede mstorgaard Praktikant
11. marts 2006 - 18:41 #1
I stylesheetet kan du styre dine links' mouseover med hover-effekten.

Fx
a:hover {
text-decoration: underline;
color: #c0c0c0;
}

eller hvis du har forskellige former for links

a.classname:hover {
text-decoration: underline;
color: #ff0000;
}

a.classname2:hover {
text-decoration: underline;
color: #ffff00;
}
Avatar billede Slettet bruger
11. marts 2006 - 18:44 #2
jeg vil gerne have der kommer noget beskrivende teks op når man holder musen over et link
Avatar billede webstuff Nybegynder
11. marts 2006 - 21:06 #3
<a href="side.html" alt="DIN TEKST" title="SAMME TEKST">Klik her</a>
Avatar billede webstuff Nybegynder
11. marts 2006 - 21:07 #4
Du skal skrive den samme tekst ved alt="" og title="".
Alt er beregnet til at komme frem hvis billedet ikke findes(IE bruger det forkert).
Title er beregnet til at være den tekst der kommer frem når man holder musen henover :-)
Avatar billede johan.o Nybegynder
12. marts 2006 - 16:31 #5
Strikkede lige dette sammen er lyntestet i IE og FF, du kan style 'pop'en som du vil i style delen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>
<style type="text/css">

.oPop {
position: absolute;
top: 0px;
left: 0px;
padding: 5px;
border: 1px solid #000000;
background-color: #C0C0C0;
display: none;
z-index: 100; }

</style>
<script type="text/javascript">

function pop1(tex, elm) {
oCon=document.getElementById("texCon");
oCon.innerHTML=tex;
oCon.style.left=(elm.offsetLeft+65)+"px";
oCon.style.top=elm.offsetTop+"px";
oCon.style.display="block"; }

function pop2(tex, e) {
oCon=document.getElementById("texCon");
oCon.innerHTML=tex;
oCon.style.left=(e.clientX+10)+"px";
oCon.style.top=(e.clientY-5)+"px";
oCon.style.display="block"; }

</script>
</head>

<body>

<div id="texCon" class="oPop"></div>

<p>Fast positioneret pop <a href="target" onmouseover="pop1('Tekst 1',event.target?event.target:event.srcElement);" onmouseout="document.getElementById('texCon').style.display='none';">her</a></p>
<p>Moving pop <a href="target.htm" onmousemove="pop2('Tekst 2',event);" onmouseout="document.getElementById('texCon').style.display='none';">her</a></p>

</body>
</html>

Mvh. Johan
Avatar billede Slettet bruger
12. marts 2006 - 17:24 #6
Tak Tak Johan
det virker perfekt
Du skal ha point så læg et svar
Avatar billede johan.o Nybegynder
12. marts 2006 - 17:26 #7
Velbekomme :)

Mvh. Johan
Avatar billede johan.o Nybegynder
12. marts 2006 - 17:29 #8
Tak for points :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 09:37 hvilken AI synes I er bedst? Af jcr18 i Andre onlineløsninger
22/0518:51 Pausepil på youtube i chrome Af valby i Browsere
22/0511:42 Mail med endelsen ".lat" Af ErikHg i E-mail
21/0511:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
21/0511:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
White papers
Flere white papers »