/ Forside / Teknologi / Multimedie & design / FrontPage / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
FrontPage
#NavnPoint
molokyle 3730
bentjuul 3355
BjarneD 2776
dk 1515
emesen 1490
strarup 1480
catbody 1241
brokke44 1160
er_du_klog 1052
10  PARKENSS 1050
mouse over..
Fra : varde


Dato : 15-09-02 16:57

Hej NG..

Hvordan laver man nemmest og best , det der mouse over..altså når musen
kører over et link og der så dukker et foto op et sted på siden..

Nogen der kan hjælpe ?

Søren



 
 
Knud Gert Ellentoft (15-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 15-09-02 17:44

Sun, 15 Sep 2002 17:56:42 +0200, skrev "varde" <varde@os.dk>:

>Hvordan laver man nemmest og best , det der mouse over..altså når musen
>kører over et link og der så dukker et foto op et sted på siden..

Du skal ind i htmlvisning og sætte noget ind.

I dette eksempel kommer billedet ved mouseover og forsvinder ved
mouseout, skulle det blive stående?

<html>
<head>
<style type="text/css">
<!--
#img1 {position:absolute; top:100; left:150}
-->
</style>
<script language="JavaScript">
<!--
var ie45,ns6,ns4,dom;
if (navigator.appName=="Microsoft Internet Explorer")
ie45=parseInt(navigator.appVersion)>=4;
else if (navigator.appName=="Netscape"){
ns6=parseInt(navigator.appVersion)>=5;
ns4=parseInt(navigator.appVersion)<5;}
dom=ie45 || ns6;

function showhide(id) {
el = document.all ? document.all[id] :
dom ? document.getElementById(id) :
document.layers[id];
els = dom ? el.style : el;
if (dom){
if (els.visibility == "hidden")
els.visibility = "visible";
else els.visibility = "hidden";
}
else if (ns4){
if (els.visibility == "show")
els.visibility = "hide";
else els.visibility = "show";
}
}
//-->
</script>
</head>
<body>
<p>
<a href="#" onmouseover="showhide('img1');return false"
onmouseout="showhide('img1');return false">Se mig!</a>
</p>
<div id="img1" style="visibility:hidden">
<img src="billede.jpg" width=252 height=252 border=0
alt="alttekst"></div>
</body>
</html>

Spørg, hvis du ikke forstår det.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

varde (17-09-2002)
Kommentar
Fra : varde


Dato : 17-09-02 17:57



Hvordan laver man nemmest og best , det der mouse over..altså når musen
kører over et link og der så dukker et foto op et sted på siden..
>
> Du skal ind i htmlvisning og sætte noget ind.
>
> I dette eksempel kommer billedet ved mouseover og forsvinder ved
> mouseout, skulle det blive stående?
>
> <html>
> <head>
> <style type="text/css">
> <!--
> #img1 {position:absolute; top:100; left:150}
> -->
> </style>
> <script language="JavaScript">
> <!--
> var ie45,ns6,ns4,dom;
> if (navigator.appName=="Microsoft Internet Explorer")
> ie45=parseInt(navigator.appVersion)>=4;
> else if (navigator.appName=="Netscape"){
> ns6=parseInt(navigator.appVersion)>=5;
> ns4=parseInt(navigator.appVersion)<5;}
> dom=ie45 || ns6;
>
> function showhide(id) {
> el = document.all ? document.all[id] :
> dom ? document.getElementById(id) :
> document.layers[id];
> els = dom ? el.style : el;
> if (dom){
> if (els.visibility == "hidden")
> els.visibility = "visible";
> else els.visibility = "hidden";
> }
> else if (ns4){
> if (els.visibility == "show")
> els.visibility = "hide";
> else els.visibility = "show";
> }
> }
> //-->
> </script>
> </head>
> <body>
> <p>
> <a href="#" onmouseover="showhide('img1');return false"
> onmouseout="showhide('img1');return false">Se mig!</a>
> </p>
> <div id="img1" style="visibility:hidden">
> <img src="billede.jpg" width=252 height=252 border=0
> alt="alttekst"></div>
> </body>
> </html>
>
> Spørg, hvis du ikke forstår det.


Det virker ok, men hvordan bestemmer jeg hvor min tekst skal stå ! "Se mig
!

ST
> --
> Knud - http://home13.inet.tele.dk/smedpark/
> Når der svares på et indlæg, svar venligst under det citerede og
> skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
> Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.



Knud Gert Ellentoft (17-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 17-09-02 22:51

Tue, 17 Sep 2002 18:56:47 +0200, skrev "varde" <varde@os.dk>:

>Det virker ok, men hvordan bestemmer jeg hvor min tekst skal stå ! "Se mig
>!

Det sætter du blot ind på siden, der hvor du ønsker det placeret.

Sæt cursoren, hvor du vil have det stående og Indsæt => speciel
html (hedder det vidst) eller du kan gøre det i htmlvisning.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Pernille Lauridsen (17-09-2002)
Kommentar
Fra : Pernille Lauridsen


Dato : 17-09-02 15:28

Kig evt på DHTML= Dynamisk HTML under Formater

VH Pernille



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste