Notifikationer

Markér alle som læst Log ud

rasmus_larsen Nybegynder

03. juni 2002 - 19:22 Der er 21 kommentarer og
1 løsning

Menu der "fader" til en anden farve ved musover...

Jeg skal bruge en menu der "fader" til en anden farve ved musover...
Fx. hvis vi siger jeg har en tabel der har hvid bgfarve så skal den i 8-16 trin (8 er min.) fade til fx. sort kan i give mig en kode på dette???
Evt. hvis den er indviklet forklare hvordan jeg ændrer farverne til mine osv.

//Rasmus Larsen

Synes godt om

c0d3r Nybegynder

03. juni 2002 - 19:30 #1

kunne jeg også tænke mig at vide!!

Synes godt om

rasmus_larsen Nybegynder

03. juni 2002 - 19:34 #2

hehe

Synes godt om

c0d3r Nybegynder

03. juni 2002 - 19:34 #3

Synes godt om

c0d3r Nybegynder

03. juni 2002 - 19:46 #4

svar nu en eller anden, hvis i kan???

Synes godt om

gryn Nybegynder

03. juni 2002 - 19:55 #5

Med mindre, der er en, som allerede ligger inde med et sådan script, så tror jeg, at 30 point er for lidt.

Synes godt om

Slettet bruger

03. juni 2002 - 20:23 #6

Det behøver jo ikke være enormt indviklet, fx:

<html>
<head>
<style>
td {
color: red;
}
</style>
<script>
trin = new Array("#CCCCCC", "#999999", "#666666", "#333333", "#000000"); //Farverne, der skal fades imellem. Kan udvides efter velbehag! :)
tid = 500; //Antal millisekunder, som det skal tage for hele forløbet.

n = 0;
to = new Array();
function fade(td, nr) {
if (n == trin.length) {
n = 0;
return;
}
td.style.backgroundColor = trin[n++];
mintd = td;
mitnr = nr;
to[nr] = setTimeout("fade(mintd, mitnr);", (tid / trin.length));
}
</script>
</head>
<body>
<table>
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 0);" onMouseOut="clearTimeout(to[0]); this.style.backgroundColor = '#FFFFFF';">TD 0</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 1);" onMouseOut="clearTimeout(to[1]); this.style.backgroundColor = '#FFFFFF';">TD 1</td>
</tr>
</table>
</body>
</html>

Synes godt om

Slettet bruger

03. juni 2002 - 20:30 #7

OK, opdateret version (testet i IE5 og NS6):

<html>
<head>
<style>
td {
color: red;
font-size: 18 px;
font-family: Arial;
background-color: #FFFFFF;
cursor: pointer;
cursor: hand;
}
</style>
<script>
trin = new Array("#CCCCCC", "#999999", "#666666", "#333333", "#000000"); //Farverne, der skal fades imellem. Kan udvides efter velbehag! :)
tid = 500; //Antal millisekunder, som det skal tage for hele forløbet.

n = 0;
to = new Array();
function fade(td, nr) {
if (n == trin.length) {
n = 0;
return;
}
td.style.backgroundColor = trin[n++];
mintd = td;
mitnr = nr;
to[nr] = setTimeout("fade(mintd, mitnr);", (tid / trin.length));
}

function ud(td, nr) {
clearTimeout(to[nr]);
td.style.backgroundColor = "#FFFFFF";
n = 0;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 0);" onMouseOut="ud(this, 0);">TD 0</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 1);" onMouseOut="ud(this, 1);">TD 1</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 2);" onMouseOut="ud(this, 2);">TD 2</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" onMouseOver="fade(this, 3);" onMouseOut="ud(this, 3);">TD 3</td>
</tr>
</table>
</body>
</html>

Synes godt om

oasen Nybegynder

03. juni 2002 - 22:02 #8

Tak :)

Synes godt om

gryn Nybegynder

03. juni 2002 - 23:07 #9

Det kan være, jeg lige er på trapperne med en bedre en. hvis du lige gider lade det stå åbent lidt.

Synes godt om

gryn Nybegynder

04. juni 2002 - 00:24 #10

http://www.grunden.dk/uis/fademenu.html

Med denne her fader den også ud igen. Jeg har lavet, så den fader til blå denne gang.
Scriptet er let nok at konfigurere.

Synes godt om

Slettet bruger

04. juni 2002 - 01:08 #11

hvis det nu ska gå langsommere med at fade ud, men hurtigt med at finde ind, hva gør man så ?

// JuZtMe

Synes godt om

gryn Nybegynder

04. juni 2002 - 01:14 #12

Så laver du en "tidind" og en "tidud" variabel... skriver lige koden:

<script language="JavaScript">
farver = new Array();
farver[0] = "FFFFFF"
farver[1] = "CCDDFF"
farver[2] = "BBD0F0"
farver[3] = "AACCF0"
farver[4] = "99C0EE"
farver[5] = "88BBE0"
farver[6] = "77B0E0"
farver[7] = "66AADD"

tidind = 35
tidud = 50

function gryn(num){

setColor(num, '#' + farver[1])
setTimeout("setColor(" + num + ", '#' + farver[2])",tidind*1)
setTimeout("setColor(" + num + ", '#' + farver[3])",tidind*2)
setTimeout("setColor(" + num + ", '#' + farver[4])",tidind*3)
setTimeout("setColor(" + num + ", '#' + farver[5])",tidind*4)
setTimeout("setColor(" + num + ", '#' + farver[6])",tidind*5)
setTimeout("setColor(" + num + ", '#' + farver[7])",tidind*6)
}

function ud(num){

setColor(num, '#' + farver[6])
setTimeout("setColor(" + num + ", '#' + farver[5])",tidud)
setTimeout("setColor(" + num + ", '#' + farver[4])",tidud*2)
setTimeout("setColor(" + num + ", '#' + farver[3])",tidud*3)
setTimeout("setColor(" + num + ", '#' + farver[2])",tidud*4)
setTimeout("setColor(" + num + ", '#' + farver[1])",tidud*5)
setTimeout("setColor(" + num + ", '#' + farver[0])",tidud*6)

}
function setColor(num, col) {
var obj = (document.all)? document.all["i"+num] : document.getElementById("i"+num);
obj.style.backgroundColor = col;
}
</script>

Synes godt om

gryn Nybegynder

04. juni 2002 - 01:14 #13

godnat

Synes godt om

Slettet bruger

04. juni 2002 - 01:16 #14

THX !! :)

Synes godt om

rasmus_larsen Nybegynder

04. juni 2002 - 13:15 #15

du skal have tak gryn

Synes godt om

rasmus_larsen Nybegynder

04. juni 2002 - 13:15 #16

phoenixv jeg kunne ikke bruge din... da den ikke fader ud også.

Synes godt om

Slettet bruger

04. juni 2002 - 15:51 #17

Nej, det kan jeg se. Det ville have været hurtigst, hvis du også havde forklaret det i dit spørgsmål!

Synes godt om

rasmus_larsen Nybegynder

04. juni 2002 - 18:01 #18

jep

Synes godt om

Slettet bruger

05. juni 2002 - 18:05 #19

jeg syns sQ at phoenixy skulle have halvdelen af pointene !! han svare på det spørgsmål du stillede ! du nævne jo ikke at de skulle fade ud igen vel !

// JuZtMe

Synes godt om

Slettet bruger

05. juni 2002 - 22:04 #20

Nej, nej, jeg skal ikke have points, hvis han ikke bruger min løsning!
Jeg har så mange i forvejen... **gnæk gnæk** :)

Synes godt om

Slettet bruger

05. juni 2002 - 22:51 #21

lol da !

Synes godt om

rasmus_larsen Nybegynder

08. juni 2002 - 11:38 #22

Det må du undskylde ellers phoenixv

//Rasmus Larsen

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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	21/08/202610:41
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS