Søg
Avatar billede moejensen Nybegynder
24. oktober 2001 - 14:57 Der er 19 kommentarer og
1 løsning

tekst fade in ved side load

Jeg har følgende problem.

Jeg har en menu i en frame, og når jeg klikket på et link her, skal siden i den anden frame langsomt kommet til syne fra top til bund. Hvordan gør jeg det??
Avatar billede pelkjaer Nybegynder
24. oktober 2001 - 15:07 #1
Måske http://www.dynamicdrive.com/dynamicindex5/linkinfo2.htm
Avatar billede moejensen Nybegynder
24. oktober 2001 - 15:14 #2
det skal være noget i den stil, men siden skal først fade ind, når der klikket på linket i menuen, og så skal siden fade ind fra toppen af siden til bunden.
Avatar billede olebole Juniormester
24. oktober 2001 - 15:18 #3
<ole>
Skriv disse i head\'en på dine dokumenter:

  <meta content=blendTrans(Duration=2.0) http-equiv=Site-Enter>
  <meta content=blendTrans(Duration=2.0) http-equiv=Site-Exit>

/mvh
</bole>
Avatar billede olebole Juniormester
24. oktober 2001 - 15:20 #4
De fader hele siden på én gang - det andet er jeg helt sikker på, du ikke vil rode dig ud i...jeg orker i hvert fald ikke at rode dig ud af problemerne, du får, igen  ;o)
/mvh
Avatar billede moejensen Nybegynder
24. oktober 2001 - 15:24 #5
det ændre da ingen ting
Avatar billede pelkjaer Nybegynder
24. oktober 2001 - 15:31 #6
moejensen>>Jo det gør, har lige testet på en side. Det går bare megalangsomt :-)
Avatar billede olebole Juniormester
24. oktober 2001 - 15:38 #7
pelkjaer >> Jeg siger ikke, det er fedt ....det er jo MS...!  =oD
Iøvrigt kan man stille \'duration\' = varighed  :)

moejensen >> Du kan ikke teste det lokalt  ;o)
/mvh
Avatar billede pelkjaer Nybegynder
24. oktober 2001 - 15:41 #8
olebole>>Jeg testede da lokalt..;D
Avatar billede moejensen Nybegynder
24. oktober 2001 - 15:44 #9
jeg har lige testet det online og det virker da ikker...det kommer med det samme..
Avatar billede olebole Juniormester
24. oktober 2001 - 15:48 #10
Virker formodentlig kun i IE - virker da under alle omstændigheder i IE5.5  :)
Avatar billede jakoba Nybegynder
24. oktober 2001 - 16:45 #11
Der en indstilling i IE så man kan slå alle de der transformationer fra.
Er du sikker på du ikke har slået det fra?
Avatar billede moejensen Nybegynder
24. oktober 2001 - 17:11 #12
det er jeg næsten sikker på, for jeg kan godt se teksten fade ind og ud på dette link:

http://www.dynamicdrive.com/dynamicindex5/linkinfo2.htm

jeg mangler mare at det først fader nå man klikker på linket, og at det er en hel side der fader ind i en ny frame.
Avatar billede olebole Juniormester
24. oktober 2001 - 18:22 #13
Hvilken browser bruger du...?
Avatar billede olebole Juniormester
24. oktober 2001 - 18:25 #14
Det, du ser på DynamicDrive er formodentlig en hel anden teknik, der kun kan bruges på tekst. Det har intet med transitions eller alpha-transparancy at gøre.
Avatar billede moejensen Nybegynder
24. oktober 2001 - 22:17 #15
jeg bruger IE, hvordan gør jeg hvias det kun skal være tekst??
Avatar billede olebole Juniormester
25. oktober 2001 - 02:28 #16
<html>
<head>
<script language=\"JavaScript\">
var rate;
var shades = new Array(\"00\",\"11\",\"22\",\"33\",\"44\",\"55\",\"66\",\"77\",\"88\",\"99\",\"aa\",\"cc\",\"dd\",\"ee\",\"ff\");
var shadeObj;
var timer = false;
var inx;
function fadeIt(whichSpan) {
    if (timer) clearInterval(timer);
    shadeObj = document.getElementById(whichSpan);
    if (shadeObj.style.color == \"#ffffff\") {
        rate = 120;
        timer = setInterval(\"fadeIn()\", rate-(rate/10));
        inx = shades.length-1;
    }
    else if (shadeObj.style.color == \"#000000\") {
        rate = 90;
        timer = setInterval(\"fadeOut()\", rate+(rate/10));
        inx = 0;
    }
}
function fadeOut() {
    shadeObj.style.color = \"#\"+shades[inx]+shades[inx]+shades[inx];
    if (inx == shades.length-1) clearInterval(timer);
    inx++;
}
function fadeIn() {
    shadeObj.style.color = \"#\"+shades[inx]+shades[inx]+shades[inx];
    if (inx == 0) clearInterval(timer);
    inx--;
}
</script>

</head>
<body onload=\"fadeIt(\'ib\');\">

<span style=\"font-family:verdana;font-size:20px;color:#ffffff;\" id=\"ib\">blablabla</span><br><br><br>
<button onclick=\"fadeIt(\'ib\')\">Fade in/out</button>

</body>
</html>
Avatar billede olebole Juniormester
25. oktober 2001 - 02:31 #17
denne linie:
  shadeObj = document.getElementById(whichSpan);
kan du skrive om til:
  shadeObj = (document.getElementById)? document.getElementById(whichSpan) : document.all[whichSpan];
...så kører det også i IE4.X  ;o)
/mvh
Avatar billede moejensen Nybegynder
25. oktober 2001 - 10:16 #18
tak olebole det virker som det skal.
Avatar billede olebole Juniormester
25. oktober 2001 - 10:32 #19
....anytime  ;o)
Avatar billede olebole Juniormester
25. oktober 2001 - 10:37 #20
Her kan du forresten se, hvordan du kan gøre med billeder i IE5+:
  http://www.eksperten.dk/spm/116572
Du kan såmænd gøre det på et helt <div> eller <span>  ;o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:35 Bruger på Win11 Af lurup i Browsere
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
White papers
Flere white papers »