Avatar billede pomfrit Nybegynder
06. juni 2001 - 12:54 Der er 6 kommentarer og
1 løsning

Fade fra hvid til lyseblå og tilbage

Hvordan fader jeg en text fra hvid til lyseblå(5A7DCE) og tilbage igen?
Avatar billede callesen Praktikant
07. juni 2001 - 08:17 #1
Måske sådan her:

<BODY BGCOLOR=\"#000000\">
<FONT FACE=\"Arial\"><FONT SIZE=\"4\">
<FONT COLOR=\"#FFFFFF\">f</FONT>
<FONT COLOR=\"#F5F7FC\">r</FONT>
<FONT COLOR=\"#EBEFF9\">a</FONT>
<FONT COLOR=\"#E1E7F6\">&nbsp;</FONT>
<FONT COLOR=\"#D7DFF3\">h</FONT>
<FONT COLOR=\"#CDD7F0\">v</FONT>
<FONT COLOR=\"#C3CFED\">i</FONT>
<FONT COLOR=\"#B9C7EA\">d</FONT>
<FONT COLOR=\"#AFBFE7\">&nbsp;</FONT>
<FONT COLOR=\"#A5B7E4\">t</FONT>
<FONT COLOR=\"#9BAFE1\">i</FONT>
<FONT COLOR=\"#91A7DE\">l</FONT>
<FONT COLOR=\"#879FDB\">&nbsp;</FONT>
<FONT COLOR=\"#7D97D8\">l</FONT>
<FONT COLOR=\"#738FD5\">y</FONT>
<FONT COLOR=\"#6987D2\">s</FONT>
<FONT COLOR=\"#5F7FCF\">e</FONT>
<FONT COLOR=\"#5a7dCe\">b</FONT>
<FONT COLOR=\"#5A7DCE\">l</FONT>
<FONT COLOR=\"#6384D0\">å</FONT>
<FONT COLOR=\"#6C8BD2\">&nbsp;</FONT>
<FONT COLOR=\"#7592D4\">o</FONT>
<FONT COLOR=\"#7E99D6\">g</FONT>
<FONT COLOR=\"#87A0D8\">&nbsp;</FONT>
<FONT COLOR=\"#90A7DA\">t</FONT>
<FONT COLOR=\"#99AEDC\">i</FONT>
<FONT COLOR=\"#A2B5DE\">l</FONT>
<FONT COLOR=\"#ABBCE0\">&nbsp;</FONT>
<FONT COLOR=\"#B4C3E2\">h</FONT>
<FONT COLOR=\"#BDCAE4\">v</FONT>
<FONT COLOR=\"#C6D1E6\">i</FONT>
<FONT COLOR=\"#CFD8E8\">d</FONT>
<FONT COLOR=\"#D8DFEA\">&nbsp;</FONT>
<FONT COLOR=\"#E1E6EC\">i</FONT>
<FONT COLOR=\"#EAEDEE\">g</FONT>
<FONT COLOR=\"#F3F4F0\">e</FONT>
<FONT COLOR=\"#FCFBF2\">n</FONT>
</FONT>
</FONT>
</BODY>

Nej jeg har ikke tastet og regnet. Det er lavet i det lille freeware program HFC hentet fra http://home1.inet.tele.dk/theill/hfc.htm
Avatar billede pomfrit Nybegynder
07. juni 2001 - 15:52 #2
Det er hele teksten der skal fade.
Den skal altså stå og skifte farve.
Avatar billede callesen Praktikant
08. juni 2001 - 07:41 #3
Så tror jeg en gif-animation fylder mindre end et script, som vi så skal over i.
Avatar billede pomfrit Nybegynder
08. juni 2001 - 15:09 #4
Den tekst der skal fade kommer fra en db.
Så giffer er udelukket.
Avatar billede ras2000 Nybegynder
11. juni 2001 - 10:31 #5
Der findes en metode, ie specifik, som bruger css. Man sætter en egenskab der hedder filter. Ellers kan man lave et enmt javascript der kan gøre det. Jeg har et eksempel her der fader fra grå til sort
http://www.mur-tag.dk
Avatar billede ras2000 Nybegynder
11. juni 2001 - 11:25 #6
Her er en kode der virker i ie:
<html>
<head>
<script type=\"text/javascript\">
var j = 0;
var farve = \'000000\';
var n = 1;
function skift_farve() {
    if (j > 15 && n == 0) {
        j = 0;
        n = 1;
    }
    if (j > 15 && n == 1) {
        j = 0;
        n = 0;
    }
    if (n == 1) i = j;
    if (n == 0) i = 15 - j;
    str = i;
    if (i == 10) str = \'a\';
    if (i == 11) str = \'b\';
    if (i == 12) str = \'c\';
    if (i == 13) str = \'d\';
    if (i == 14) str = \'e\';
    if (i == 15) str = \'f\';
    farve = String(str) + str + str + str + \'ff\';
    document.all.her.style.color = farve;
    j++;
    setTimeout(\"skift_farve()\",50);
}
</script>
</head>
<body onload=\"skift_farve()\">
<font id=\"her\">bla bla</font>
</body>

</html>
Avatar billede ras2000 Nybegynder
11. juni 2001 - 11:29 #7
Hvis du vil have at det skal gå hurtigere, skal du sætte et mindre tal ind i linien:
    setTimeout(\"skift_farve()\",50);
Hvis det skal gå langsommere, skal du sætte et større tal ind.
Hvis du ikke vil have det skal blive helt så mørkeblåt, så skal der ændres i følgende linier:
    if (j > 15 && n == 0) {
    if (j > 15 && n == 1) {
    if (n == 0) i = 15 - j;
Der skal 15 skiftes med et mindre tal, jo mindre tallet, jo mere lyseblåt. Du kan så vælge at slette nogle af linierne:
    if (i == 10) str = \'a\';
    if (i == 11) str = \'b\';
    if (i == 12) str = \'c\';
    if (i == 13) str = \'d\';
    if (i == 14) str = \'e\';
    if (i == 15) str = \'f\';
men det er ikke strengt nødvendigt.
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