Anzeige

Grafiken in Html fliessen lassen

Grafiken in Html fliessen lassen | PSD-Tutorials.de

Erstellt von wawerka, 08.06.2010.

  1. wawerka

    wawerka Noch nicht viel geschrieben

    Dabei seit:
    23.01.2009
    Beiträge:
    22
    Geschlecht:
    männlich
    Kameratyp:
    CANON EOS 500D
    Grafiken in Html fliessen lassen
    Bin eben auf eine Seite gestoßen und mir viel direkt was auf

    Code Emitter

    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
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Grafiken in Html fliessen lassen
    AW: Grafiken in Html fliessen lassen

    einfach rechtsklicken -quelltext anzeigen -dakannst du alles sehen:
    Code (Text):
    1.  
    2. <script type="text/javascript">
    3. /*var pageTracker = _gat._getTracker("UA-6438482-1");
    4. pageTracker._trackPageview();//dieser Teil hatmit dem Effekt nichts zu tun*/
    5.  
    6. var toppos = 0;
    7. function scrolltop() {
    8.   toppos += 1;
    9.   document.getElementById('top').style.backgroundPosition = toppos+'px 0';
    10.   setTimeout("scrolltop()", 50);
    11. }
    12. window.onload = scrolltop;
    13. </script>
    14.  
    15.  
    ps: ist javascript -verschoben.
     
    Zuletzt bearbeitet: 08.06.2010
    #2      
  3. hdw

    hdw Nicht mehr ganz neu hier

    Dabei seit:
    25.11.2009
    Beiträge:
    65
    Geschlecht:
    männlich
    Ort:
    Frankfurt/Main
    Software:
    Adobe CS 5 Master/Corel Draw X5
    Kameratyp:
    Nikon D5000
    Grafiken in Html fliessen lassen
    #3      
  4. Sinane

    Sinane Puttmacherin

    Dabei seit:
    22.04.2010
    Beiträge:
    154
    Geschlecht:
    männlich
    Software:
    Photoshop CS3
    Kameratyp:
    -
    Grafiken in Html fliessen lassen
    AW: Grafiken in Html fliessen lassen

    Wenn ich das richtig sehe:

    javascript:
    Code (Text):
    1. [COLOR=DarkRed][B]var toppos = 0;
    2. function scrolltop() {
    3.   toppos += 1;
    4.   document.getElementById('top').style.backgroundPosition = toppos+'px 0';
    5.   setTimeout("scrolltop()", 50);
    6. }
    7. window.onload = scrolltop;
    8. [/B][/COLOR]


    Und dann:
    HTML:
    1. <div id="top"></div>
    2.  
    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 :D
     
    #4      
  5. wawerka

    wawerka Noch nicht viel geschrieben

    Dabei seit:
    23.01.2009
    Beiträge:
    22
    Geschlecht:
    männlich
    Kameratyp:
    CANON EOS 500D
    Grafiken in Html fliessen lassen
    AW: Grafiken in Html fliessen lassen

    Vielen Lieben dank hab es heute morgen direkt ausprobiert läuft wunderbar!
     
    #5      
Seobility SEO Tool
x
×
×