qualitum logo
Visa bild när man håller muspekaren över länk

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
Darksun



Medlem i: 4013 dagar
Från: Västerås
Status: Offline



#5685
Inlägg Skrivet: 2002-07-01 21:36      Ämne: Visa bild när man håller muspekaren över länk Citera

Hej skulle vilja veta hur man gör så att när man ha muspekarn över en länl i min meny ska det visas en lite pil direct till vänster om just den länken.
 

_________________
Frågvis liten sak
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Malte
in memoriam 1



Medlem i: 4111 dagar
Från: Tingsryd
Status: Offline



#5691
Inlägg Skrivet: 2002-07-01 22:17      Ämne: Citera

Är det något sånt här du menar?
KOD:
1:
<script type="text/javascript">
2:
<!--
3:
function hide(Pil){
4:
   if(document.all){document.all[Pil].style.visibility="hidden";}
5:
   if(document.getElementById){document.getElementById(Pil).style.visibility="hidden";}
6:
   if(document.layers){document.layers[Pil].visibility="hide";}
7:
}
8:
function show(Pil){
9:
   if(document.all){document.all[Pil].style.visibility="visible";}
10:
   if(document.getElementById){document.getElementById(Pil).style.visibility="visible";}
11:
   if(document.layers){document.layers[Pil].visibility="show";}
12:
}
13:
 
14:
// -->
15:
</script>
16:
 
17:
<img src="arrow.gif" id="arrow1" style="visibility:hidden">
18:
<a href="sida.html" onMouseOver="show('arrow1')"
19:
  onMouseOut="hide('arrow1')">Länk 1</a><br>
20:
   <img src="arrow.gif" id="arrow2" style="visibility:hidden">
21:
<a href="sida.html" onMouseOver="show('arrow2')"
22:
  onMouseOut="hide('arrow2')">Länk 2</a>
 

_________________
Funktion är vackert
Till toppen på sidan
Visa användarprofil Besök användarens hemsida
Darksun



Medlem i: 4013 dagar
Från: Västerås
Status: Offline



#5693
Inlägg Skrivet: 2002-07-01 22:36      Ämne: Citera

Hehe.. det vet jag inte men jag kan visa ungifär

EX:

meny

Hem
blabla
blabla
blabla<

nu ska det föreställa tt jag ahr musen över den sista blabla SmileSmileSmile
fast pilen ska vara på den andra sidan
 

_________________
Frågvis liten sak
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Malte
in memoriam 1



Medlem i: 4111 dagar
Från: Tingsryd
Status: Offline



#5694
Inlägg Skrivet: 2002-07-01 22:38      Ämne: Citera

Kanske bättre du provar med koden jag la upp. Very Happy
 

_________________
Funktion är vackert
Till toppen på sidan
Visa användarprofil Besök användarens hemsida
[on]



Medlem i: 4010 dagar
Från: Milky Way, Earth, Sweden, Upplands Väsby
Status: Offline



#5731
Inlägg Skrivet: 2002-07-02 13:41      Ämne: Citera

Om pilen skall vara på andra sidan ... flytta den då...


KOD:
1:
 
2:
 
3:
<a href="sida.html" onMouseOver="show('arrow1')" onMouseOut="hide('arrow1')">Länk 1</a><img src="arrow.gif" id="arrow1" style="visibility:hidden"><br>
4:
 
5:
<a href="sida.html" onMouseOver="show('arrow2')" onMouseOut="hide('arrow2')">Länk 2</a><img src="arrow.gif" id="arrow2" style="visibility:hidden">
6:
 
7:
 
 

_________________
I really don't know anything... I just fake it...
Till toppen på sidan
Visa användarprofil Skicka privat meddelande ICQ-nummer
Malte
in memoriam 1



Medlem i: 4111 dagar
Från: Tingsryd
Status: Offline



#5735
Inlägg Skrivet: 2002-07-02 13:57      Ämne: Citera

Vill man ha pilen textbaserad kan man göra såhär:
KOD:
1:
<script type="text/javascript">
2:
<!--
3:
function hide(Pil){
4:
   if(document.all){document.all[Pil].style.visibility="hidden";}
5:
   if(document.getElementById){document.getElementById(Pil).style.visibility="hidden";}
6:
   if(document.layers){document.layers[Pil].visibility="hide";}
7:
}
8:
function show(Pil){
9:
   if(document.all){document.all[Pil].style.visibility="visible";}
10:
   if(document.getElementById){document.getElementById(Pil).style.visibility="visible";}
11:
   if(document.layers){document.layers[Pil].visibility="show";}
12:
}
13:
 
14:
// -->
15:
</script>
16:
 
17:
<span id="arrow1" style="visibility:hidden">&raquo;</span>
18:
<a href="sida.html" onMouseOver="show('arrow1')"
19:
  onMouseOut="hide('arrow1')">Länk 1</a><br>
20:
<span id="arrow2" style="visibility:hidden">&raquo;</span>
21:
<a href="sida.html" onMouseOver="show('arrow2')"
22:
  onMouseOut="hide('arrow2')">Länk 2</a>
 

_________________
Funktion är vackert
Till toppen på sidan
Visa användarprofil Besök användarens hemsida
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic
qualitum logo