Avatar billede chico Nybegynder
24. marts 2002 - 00:34 Der er 17 kommentarer og
1 løsning

Lyseffekt

Hej jeg har en side jeg gerne vil have en lys/mørk stribe til at køre over skærmen på min HP en enkelt gang. Som en sky der laver skygge på jorden. Kan det lade sig gøre i HTML eller hvordan ??
Avatar billede jakoba Nybegynder
24. marts 2002 - 00:43 #1
Ja, men på den måde jeg kan hitte på bliver den ret langsom.
Avatar billede ztyxx Nybegynder
24. marts 2002 - 00:54 #2
har lavet et eksempel, mon det er det du mener??

<html>
<head>
<title>glider som en sky</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_timelinePlay(tmLnName, myID) { //v1.2
  //Copyright 1997 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  if (myID == tmLn.ID) { //if Im newest
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j];
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}

function MM_initTimelines() { //v4.0
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    var ns4 = (ns && parseInt(navigator.appVersion) == 4);
    var ns5 = (ns && parseInt(navigator.appVersion) > 4);
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(2);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0][0] = new String("sprite");
    document.MM_Time[0][0].slot = 1;
    if (ns4)
        document.MM_Time[0][0].obj = document["Layer1"] ? document["Layer1"].document["sky"] : document["sky"];
    else if (ns5)
        document.MM_Time[0][0].obj = document.getElementById("sky");
    else
        document.MM_Time[0][0].obj = document.all ? document.all["sky"] : null;
    document.MM_Time[0][0].keyFrames = new Array(1, 45);
    document.MM_Time[0][0].values = new Array(3);
    if (ns5)
        document.MM_Time[0][0].values[0] = new Array("0px", "25px", "50px", "75px", "100px", "125px", "150px", "175px", "200px", "225px", "250px", "275px", "300px", "325px", "350px", "375px", "400px", "425px", "450px", "475px", "500px", "525px", "550px", "575px", "600px", "625px", "650px", "675px", "700px", "725px", "750px", "775px", "800px", "825px", "850px", "875px", "900px", "925px", "950px", "975px", "1000px", "1025px", "1050px", "1075px", "1100px");
    else
        document.MM_Time[0][0].values[0] = new Array(0,25,50,75,100,125,150,175,200,225,250,275,300,325,350,375,400,425,450,475,500,525,550,575,600,625,650,675,700,725,750,775,800,825,850,875,900,925,950,975,1000,1025,1050,1075,1100);
    document.MM_Time[0][0].values[0].prop = "left";
    if (ns5)
        document.MM_Time[0][0].values[1] = new Array("0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px", "0px");
    else
        document.MM_Time[0][0].values[1] = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
    document.MM_Time[0][0].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][0].values[0].prop2 = "style";
        document.MM_Time[0][0].values[1].prop2 = "style";
    }
    if (ns5)
        document.MM_Time[0][0].values[2] = new Array("30px", "31px", "33px", "35px", "37px", "39px", "41px", "43px", "45px", "47px", "49px", "51px", "53px", "55px", "57px", "58px", "60px", "62px", "64px", "66px", "68px", "70px", "72px", "74px", "76px", "78px", "80px", "82px", "84px", "86px", "87px", "89px", "91px", "93px", "95px", "97px", "99px", "101px", "103px", "105px", "107px", "109px", "111px", "113px", "115px");
    else
        document.MM_Time[0][0].values[2] = new Array(30,31,33,35,37,39,41,43,45,47,49,51,53,55,57,58,60,62,64,66,68,70,72,74,76,78,80,82,84,86,87,89,91,93,95,97,99,101,103,105,107,109,111,113,115);
    document.MM_Time[0][0].values[2].prop = "height";
    if (!ns4)
        document.MM_Time[0][0].values[2].prop2 = "style";
    document.MM_Time[0][1] = new String("sprite");
    document.MM_Time[0][1].slot = 2;
    if (ns4)
        document.MM_Time[0][1].obj = document["Layer1"] ? document["Layer1"].document["skygge"] : document["skygge"];
    else if (ns5)
        document.MM_Time[0][1].obj = document.getElementById("skygge");
    else
        document.MM_Time[0][1].obj = document.all ? document.all["skygge"] : null;
    document.MM_Time[0][1].keyFrames = new Array(1, 45);
    document.MM_Time[0][1].values = new Array(3);
    if (ns5)
        document.MM_Time[0][1].values[0] = new Array("2px", "27px", "52px", "77px", "102px", "127px", "152px", "177px", "202px", "227px", "252px", "277px", "302px", "327px", "352px", "377px", "402px", "427px", "452px", "477px", "502px", "527px", "552px", "577px", "602px", "627px", "652px", "677px", "702px", "727px", "752px", "777px", "802px", "827px", "852px", "877px", "902px", "927px", "952px", "977px", "1002px", "1027px", "1052px", "1077px", "1102px");
    else
        document.MM_Time[0][1].values[0] = new Array(2,27,52,77,102,127,152,177,202,227,252,277,302,327,352,377,402,427,452,477,502,527,552,577,602,627,652,677,702,727,752,777,802,827,852,877,902,927,952,977,1002,1027,1052,1077,1102);
    document.MM_Time[0][1].values[0].prop = "left";
    if (ns5)
        document.MM_Time[0][1].values[1] = new Array("2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px", "2px");
    else
        document.MM_Time[0][1].values[1] = new Array(2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2);
    document.MM_Time[0][1].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][1].values[0].prop2 = "style";
        document.MM_Time[0][1].values[1].prop2 = "style";
    }
    if (ns5)
        document.MM_Time[0][1].values[2] = new Array("30px", "31px", "33px", "35px", "37px", "39px", "41px", "43px", "45px", "47px", "49px", "51px", "53px", "55px", "57px", "58px", "60px", "62px", "64px", "66px", "68px", "70px", "72px", "74px", "76px", "78px", "80px", "82px", "84px", "86px", "87px", "89px", "91px", "93px", "95px", "97px", "99px", "101px", "103px", "105px", "107px", "109px", "111px", "113px", "115px");
    else
        document.MM_Time[0][1].values[2] = new Array(30,31,33,35,37,39,41,43,45,47,49,51,53,55,57,58,60,62,64,66,68,70,72,74,76,78,80,82,84,86,87,89,91,93,95,97,99,101,103,105,107,109,111,113,115);
    document.MM_Time[0][1].values[2].prop = "height";
    if (!ns4)
        document.MM_Time[0][1].values[2].prop2 = "style";
    document.MM_Time[0].lastFrame = 45;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_timelinePlay('Timeline1')">
<div id="Layer1" style="position:absolute; width:1000px; height:50px; z-index:3; overflow: hidden">
  <div id="sky" style="position:absolute; width:200px; height:30px; z-index:2; top: 0px; left: 0px; overflow: hidden"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font size="4">laget
    der k&oslash;rer</font></b></font></div>
  <div id="skygge" style="position:absolute; width:200px; height:30px; z-index:1; left: 2px; top: 2px; overflow: hidden"><font face="Verdana, Arial, Helvetica, sans-serif"><b><font size="4" color="#999999">laget
    der k&oslash;rer</font></b></font></div>
</div>
</body>
</html>
Avatar billede chico Nybegynder
24. marts 2002 - 01:05 #3
Sådan noget lignede jeg vil lige prøve at lege lidt med det !

Du får lige point senere OK ??
Avatar billede ztyxx Nybegynder
24. marts 2002 - 01:06 #4
oki :-)
Avatar billede chico Nybegynder
24. marts 2002 - 01:18 #5
se lige www.situma.udiet.dk det funker ikke helt som jeg ville "Skyggen" som jeg skal have lavet om skulle gerne dække hele vinduet !!

Kan det lade sig gøre ?
Avatar billede ztyxx Nybegynder
24. marts 2002 - 02:05 #6
hvad mener du med at dække hele vinduet, skal den fylde hele vinduet??
Avatar billede ztyxx Nybegynder
24. marts 2002 - 02:12 #7
eksemplet er lavet i Dreamweaver, hvis du ikke har det kan du hente en trial på www.macromedia.com
Avatar billede chico Nybegynder
24. marts 2002 - 11:46 #8
Nej det er meningen den skal fylde ca 60 pixel i breden og ca 600 pixel i højden !
Avatar billede ztyxx Nybegynder
24. marts 2002 - 15:49 #9
det kan du sagtens, det er bare at ændre det eksempel jeg smed, prøv med dreamweaver, det er ikk´ så ringe endda
Avatar billede jakoba Nybegynder
24. marts 2002 - 15:55 #10
Her er så et andet bud.
samme metode som ztyxx's bare så billedet automatisk breder sig i vinduets højde.
http://www.jakoba.dk/eksperten/exp189068.html

mvh JakobA
Avatar billede chico Nybegynder
27. marts 2002 - 23:26 #11
Måske jeg skulle have et svar før jeg kan give point, Det du kom med Jakoba det var lige det jeg var ude efter tak !
Avatar billede jakoba Nybegynder
27. marts 2002 - 23:38 #12
men det er så meget en kopi af ztyxx's at det er hans svar.

mvh JakobA
Avatar billede ztyxx Nybegynder
28. marts 2002 - 02:42 #13
jakob så kan vi da dele  i porten :-)
Avatar billede jakoba Nybegynder
28. marts 2002 - 09:16 #14
jaman ok da. takker.
Avatar billede ztyxx Nybegynder
28. marts 2002 - 23:28 #15
lægger så ozz lige et svar :-)
Avatar billede ztyxx Nybegynder
29. marts 2002 - 09:37 #16
øhhh, det var så et svar*LOL*
Avatar billede ztyxx Nybegynder
01. april 2002 - 15:46 #17
hmm, porten er vist lukket*LOL*
Avatar billede ztyxx Nybegynder
29. august 2002 - 21:27 #18
takker for point :-)
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