Anzeige

Java Snow Effect?

Java Snow Effect? | PSD-Tutorials.de

Erstellt von aftern00n, 28.11.2005.

  1. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Java Snow Effect?
    Hi Leute,
    wollte einen Java Snow Effect auf meiner Seite
    einbauen.
    Aber das einzige was ich finde sind Java Scripts
    die sich nur auf ein Fenster (appelt) beziehen...
    Ich wollte es jedoch auf der ganzen seite,
    meine frage nun, wie schaff ich das?

    greetz sonYx
     
    #1      
  2. Martin-March

    Martin-March Guest

    Java Snow Effect?
    Code (Text):
    1. <script LANGUAGE="JavaScript1.2">
    2.  
    3. <!-- Auf geht's, lassen wir es schneien
    4. var no = 35;
    5. var speed = 1;
    6. var snowflake = "[b]http://www.url.de/deinbild.jpg[/b]";
    7. var ns4up = (document.layers) ? 1 : 0;  
    8. var ie4up = (document.all) ? 1 : 0;
    9. var dx, xp, yp;    
    10. var am, stx, sty;  
    11. var i, doc_width = 800, doc_height = 1600;
    12. if (ns4up) {
    13. doc_width = self.innerWidth;
    14. doc_height = self.innerHeight;
    15. } else if (ie4up) {
    16. doc_width = document.body.clientWidth;
    17. doc_height = document.body.clientHeight;
    18. }
    19. dx = new Array();
    20. xp = new Array();
    21. yp = new Array();
    22. am = new Array();
    23. stx = new Array();
    24. sty = new Array();
    25. for (i = 0; i < no; ++ i) {  
    26. dx[i] = 0;                      
    27. xp[i] = Math.random()*(doc_width-50);  
    28. yp[i] = Math.random()*doc_height;
    29. am[i] = Math.random()*20;        
    30. stx[i] = 0.02 + Math.random()/10;
    31. sty[i] = 0.7 + Math.random();    
    32. if (ns4up) {                    
    33.     if (i == 0) {
    34.         document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    35.         document.write("top=\"15\" visibility=\"show\"><img src=\"");
    36.         document.write(snowflake + "\" border=\"0\"></layer>");
    37.     } else {
    38.         document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    39.         document.write("top=\"15\" visibility=\"show\"><img src=\"");
    40.         document.write(snowflake + "\" border=\"0\"></layer>");
    41.    }
    42. } else if (ie4up) {
    43.     if (i == 0) {
    44.     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    45.     document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    46.     document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    47.     document.write(snowflake + "\" border=\"0\"></div>");
    48.     } else {
    49.     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    50.     document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    51.     document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    52.     document.write(snowflake + "\" border=\"0\"></div>");
    53.           }
    54.    }
    55. }
    56. function snowNS() {  
    57. for (i = 0; i < no; ++ i) {  
    58. yp[i] += sty[i];
    59. if (yp[i] > doc_height-10) {
    60. xp[i] = Math.random()*(doc_width-am[i]-30);
    61. yp[i] = 0;
    62. stx[i] = 0.02 + Math.random()/10;
    63. sty[i] = 0.7 + Math.random();
    64. doc_width = self.innerWidth;
    65. doc_height = self.innerHeight;
    66. }
    67. dx[i] += stx[i];
    68. document.layers["dot"+i].top = yp[i];
    69. document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    70. }
    71. setTimeout("snowNS()", speed);
    72. }
    73. function snowIE() {  
    74. for (i = 0; i < no; ++ i) {  
    75. yp[i] += sty[i];
    76. if (yp[i] > doc_height-10) {
    77. xp[i] = Math.random()*(doc_width-am[i]-30);
    78. yp[i] = 0;
    79. stx[i] = 0.02 + Math.random()/10;
    80. sty[i] = 0.7 + Math.random();
    81. doc_width = document.body.clientWidth;
    82. doc_height = document.body.clientHeight;
    83. }
    84. dx[i] += stx[i];
    85. document.all["dot"+i].style.pixelTop = yp[i];
    86. document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    87. }
    88. setTimeout("snowIE()", speed);
    89. }
    90. if (ns4up) {
    91. snowNS();
    92. } else if (ie4up) {
    93. snowIE();
    94. }
    95. // so schö -->
    96. </script>
    Müsste gehen 8)
    Grüße
    Martin
     
    #2      
  3. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Java Snow Effect?
    nur so nebenbei ... das ist javascript kein java und im code bereich funzen bb-codes nicht...


    also http://www.url.de/deinbild.jpg


    die 's müssen raus, sonst geht gar nix ...
     
    #3      
  4. Martin-March

    Martin-March Guest

    Java Snow Effect?
    Hi
    Oh ja klar, ich wusste nicht, dass die BookCodes bei Code nicht gehen.
    Also mache zwischen [ b ] und [ /b ] einfach die url zu dem bild rein. und nicht stehen lassen.
    zb:

    var snowflake = "http://whitepalms.de/blabla.jpg]";

    grüße
    Martin
     
    #4      
  5. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Java Snow Effect?
    dankeschön =)
     
    #5      
  6. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Java Snow Effect?
    ok funktioniert doch nicht?
    und geht das auch aus dem website ordner
    oder muss ich es über URL einfügen?
     
    #6      
  7. Maykiz

    Maykiz Pixelheld

    Dabei seit:
    19.11.2005
    Beiträge:
    374
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop CS2 (Student), GIMP, Inkscape
    Java Snow Effect?
    Also ich habs grad getestet und es geht ;)

    Btw. geht es glaube ich nur im IE..
    Jedenfalls hat es da bei mir funktioniert ^^ (FF wollte nich so)

    gReetz
     
    #7      
Seobility SEO Tool
x
×
×
teststefan