Avatar billede tubber Juniormester
04. juni 2002 - 11:08 Der er 11 kommentarer og
1 løsning

<LI> agtig ting - der flytter sig

Hejsa der :O)

Jeg vil gerne have en <LI> agtig ting, der flytter sig og kun er aktiv ud for den tekst jeg har musen over....

Jeg ved godt jeg kan lave det med billeder og et lille simpelt javascript, men er der ikke en måde at undgå at bruge grafik på ?

mvh
Tubber
Avatar billede Slettet bruger
04. juni 2002 - 11:16 #1
Avatar billede skovenborg Nybegynder
04. juni 2002 - 11:36 #2
skal den flytte sig langsomt eller bare springe direkte til en anden position??
Avatar billede skovenborg Nybegynder
04. juni 2002 - 11:40 #3
er det sådan at man siger:
<li>Flytter sig kun når musen er over
<li>Flytter sig kun når musen er over
osv.
altså sådan så objektet hele tiden flytter sig frem når musen er over og går tilbage til starten når musen er væk?
Avatar billede tubber Juniormester
04. juni 2002 - 11:43 #4
øhm

<li> giver en prik der er permanent, den skal kun give en prik ud for teksten når musen er hen over.....
Avatar billede skovenborg Nybegynder
04. juni 2002 - 11:47 #5
ok, prøver at finde ud af noget :)
Avatar billede skovenborg Nybegynder
04. juni 2002 - 11:56 #6
<html>
<head>
<script language="javascript">
  function vis()
  {
  document.getElementById("li1").style.visibility = "visible";
  }
  function skjul()
  {
  document.getElementById("li1").style.visibility = "hidden";
  }
</script>
</head>
<body>
<ul>
<li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis();" onMouseOut="skjul();">Objekt</span>
</ul>
</span>
</html>
Avatar billede skovenborg Nybegynder
04. juni 2002 - 12:01 #7
Her er et noget bedre script:
<html>
<head>
<script language="javascript">
  function vis(noget)
  {
  document.getElementById(noget).style.visibility = "visible";
  return true;
  }
  function skjul(noget)
  {
  document.getElementById(noget).style.visibility = "hidden";
  return true;
  }
</script>
</head>
<body>
<ul>
<li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Objekt</span>
<li id="li2" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li2');" onMouseOut="skjul('li2');">Objekt</span>
</ul>
</span>
</html>
Her kan du altid lave flere bare giv <li> en ID og skriv den i vis('') og skjul('')
Avatar billede tubber Juniormester
04. juni 2002 - 12:13 #8
jo det er fint nok lige det jeg leder efter.....
MEN uanset hvilket element jeg kører den over i min menu kommer prikken altid ud for øverste element.....
Avatar billede NanoQ Nybegynder
04. juni 2002 - 12:32 #9
http://www.eksperten.dk/spm/220081 slettet...

NanoQ/coadmin
Avatar billede NanoQ Nybegynder
04. juni 2002 - 12:32 #10
(det er ikke tilladt med spørgsmål der kun er oprettet for at referere til et andet...)
Avatar billede skovenborg Nybegynder
04. juni 2002 - 13:35 #11
Med mindre du allerede har set det har jeg lavet et andet script der forbedrer det gamle (altså det fortsatte svar). Hvis du stadig har problemmer med et eller andet kan du bare skrive tilbage :)
Tak for point forresten!!!
Avatar billede tubber Juniormester
05. juni 2002 - 12:42 #12
Det funker bare :O)
Takker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester