Avatar billede Slettet bruger
21. december 2001 - 21:39 Der er 12 kommentarer og
1 løsning

Fade-effekt

Jeg skal bruge en form for effekt, til at få en table til at fade-out ved mouseOut. Ligesom http://www.jirty.dk og http://www.pmail.com

E-pressen.dk brugte engang noget FORHOLDSVIST simpilt Java Script til det. Nogen der har en idé?
Avatar billede Tony Juniormester
21. december 2001 - 22:05 #1
Hvis det er den der \'Jirty Computers\' ting du mener, så er den lavet i Flash ... ???
Avatar billede Slettet bruger
22. december 2001 - 11:34 #2
Jeg mente menueffekten.
http://www.spc-solutions.com bruger en menu, hvor tablen skifter farve, men den skal fade ligesom Jirty og Pmail.coms forsides.

Som sagt, jeg så engang noget på e-pressen, tror jeg.
Avatar billede Slettet bruger
22. december 2001 - 11:43 #3
Det er nemt nok, hvis du tager jirty\'s!
Bare gør sådan her:

<style>
TD {background-color: #FFFFFF; color: #000000;}
</style>

<script>
function onTd(minTd) {
clearTimeout(to);
if (document.layers) minTd.backgroundColor = \'#666666\';
else minTd.style.backgroundColor = \'#999999\';
}
function offTd(minTd) {
if (document.layers) {
minTd.backgroundColor = \'#CCCCCC\';
to = setTimeout(\"minTd.backgroundColor = \'#FFFFFF\'\",500);
}
else {
minTd.style.backgroundColor = \'#CCCCCC\';
to = setTimeout(\"minTd.style.backgroundColor = \'#FFFFFF\'\",500);
}
}
</script>

<table>
<tr>
<td onMouseOver=\"onTd(this);\" onMouseOut=\"offTd(this);\">Celle 1</td>
</tr>
<tr>
<td onMouseOver=\"onTd(this);\" onMouseOut=\"offTd(this);\">Celle 2</td>
</tr>
<tr>
<td onMouseOver=\"onTd(this);\" onMouseOut=\"offTd(this);\">Celle 3</td>
</tr>
</table>
Avatar billede Tony Juniormester
22. december 2001 - 11:44 #4
Er det den effekt, at menupunktets baggrundsfarve skifter ved onmouseOver, du er efter ?
Avatar billede Slettet bruger
22. december 2001 - 11:55 #5
tony_breindal>> Både ja og nej, for han vil også have den til at fade ud!
jeppesjo>> Mit script melder fejl. Jeg prøver lige en ekstra gang!
Avatar billede Tony Juniormester
22. december 2001 - 12:06 #6
phoenixv >> Hmm, tror du det er noget a la http://www16.brinkster.com/breindal/pizza/pbi1/index.htm han er efter (klik på den nederste champignonen´til højre) hvor man ser en pizza blive \'bagt\' ???
Avatar billede Slettet bruger
22. december 2001 - 12:16 #7
Nej, jeg tror nærmere, det er dette, som jeg lige har uploadet:
http://www.friserverplads.dk/phoenixv/fadetd.html
Avatar billede Slettet bruger
22. december 2001 - 12:17 #8
Desværre var det ikke så enkelt, som jeg troede, med de timeouts. Men det virker da i både IE4+ og NS4+!
Avatar billede Slettet bruger
22. december 2001 - 12:17 #9
Og så er det også enkelt at gøre dem til links!
Avatar billede Slettet bruger
22. december 2001 - 12:25 #10
Det endelige eksempel er hermed uploadet:
http://www.friserverplads.dk/phoenixv/fadetd.html
Avatar billede Slettet bruger
22. december 2001 - 13:03 #11
phoenixv,
Tak. Kan jeg ændre for lang tid, der skal gå, før før den ER faded ud???
Avatar billede Tony Juniormester
22. december 2001 - 13:04 #12
OK - Den er nuser :)

Hvis du sætter timeout op til f.eks. 200 og har en længere linkliste vil det se rigtig cool ud - nærmest som en slags \'ekko\' :)
Avatar billede Tony Juniormester
22. december 2001 - 13:07 #13
For at ændre i timeOut skal du have fat i disse: ... \'td1\\\')\',100);\" id=\"td1\">Google.com</td>

Tallet \'100\' er 100/1000 sek. Du kan selv rette i \'phoenixvs\' tal - prøv at eksperimenter dig frem ...
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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