Grafiken in Html fliessen lassen

[wawerka]

Bin eben auf eine Seite gestoßen und mir viel direkt was auf



guckt euch mal an wie diese Farbleiste ganz oben fliesst , habt ihr eine Ahnung wie man so etwas hin bekommt?

Wäre euch sehr dankbar

Gruß Georg

 

[sokie]

AW: Grafiken in Html fliessen lassen

einfach rechtsklicken -quelltext anzeigen -dakannst du alles sehen:

<script type="text/javascript">
/*var pageTracker = _gat._getTracker("UA-6438482-1");
pageTracker._trackPageview();//dieser Teil hatmit dem Effekt nichts zu tun*/

var toppos = 0;
function scrolltop() {
  toppos += 1;
  document.getElementById('top').style.backgroundPosition = toppos+'px 0';
  setTimeout("scrolltop()", 50);
}
window.onload = scrolltop;
</script>

ps: ist javascript -verschoben.

 

[hdw]

AW: Grafiken in Html fliessen lassen

Das geht ganz einfach mit background repeat
Schau dir fas mal an.

Bitte kostenlos registrieren, damit du die Links siehst.

 

[Sinane]

AW: Grafiken in Html fliessen lassen

Wenn ich das richtig sehe:

javascript:

[COLOR=DarkRed][B]var toppos = 0;
function scrolltop() {
  toppos += 1;
  document.getElementById('top').style.backgroundPosition = toppos+'px 0';
  setTimeout("scrolltop()", 50);
}
window.onload = scrolltop;
[/B][/COLOR]

Und dann:

<div id="top"></div>

wobei

#top {
background: url(./images/ce-top.jpg) repeat-x 0 0;
padding-top: 26px;

}

(einfach mal den Quellcode anschauen^^)

*EDIT: OK, da war wer schneller

 

[wawerka]

AW: Grafiken in Html fliessen lassen

Vielen Lieben dank hab es heute morgen direkt ausprobiert läuft wunderbar!