WinterEffekt

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hi
    ich suche zum Winter hin ein schönen Winter Effekt kann nen Applet sein, oder auch was anderes

    Wäre entt wenn sich mal jemand melden könnte, wen ner da was schönes hätte



    Mopy
  • PHP-Quellcode

    1. /* (c) nostars.de - webmasterpro.de - j. denner */
    2. <script type="text/javascript" language="JavaScript1.2">
    3. var no = 18; // snow number
    4. var speed = 6; // smaller number moves the shamrocks faster
    5. var snowflake = "snow.gif"; // datei mit schneeflocke
    6. var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    7. var ie4up = (document.all) ? 1 : 0;
    8. var dx, xp, yp; // coordinate and position variables
    9. var am, stx, sty; // amplitude and step variables
    10. var i, doc_width = 800, doc_height = 600;
    11. if (ns4up) {
    12. doc_width = self.innerWidth;
    13. doc_height = self.innerHeight;
    14. } else if (ie4up) {
    15. doc_width = document.body.clientWidth;
    16. doc_height = document.body.clientHeight;
    17. }
    18. dx = new Array();
    19. xp = new Array();
    20. yp = new Array();
    21. am = new Array();
    22. stx = new Array();
    23. sty = new Array();
    24. for (i = 0; i < no; ++ i) {
    25. dx[i] = 0; // set coordinate variables
    26. xp[i] = Math.random()*(doc_width-50); // set position variables
    27. yp[i] = Math.random()*doc_height;
    28. am[i] = Math.random()*0; // set amplitude variables
    29. stx[i] = 0.02 + Math.random()/10; // set step variables
    30. sty[i] = 0.7 + Math.random(); // set step variables
    31. if (ns4up) { // set layers
    32. if (i == 0) {
    33. document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    34. document.write("top=\"15\" visibility=\"show\"><img src=\"");
    35. document.write(snowflake + "\" border=\"0\"><\/layer>");
    36. } else {
    37. document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    38. document.write("top=\"15\" visibility=\"show\"><img src=\"");
    39. document.write(snowflake + "\" border=\"0\"><\/layer>");
    40. }
    41. } else if (ie4up) {
    42. if (i == 0) {
    43. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    44. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    45. document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    46. document.write(snowflake + "\" border=\"0\"><\/div>");
    47. } else {
    48. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    49. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    50. document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    51. document.write(snowflake + "\" border=\"0\"><\/div>");
    52. }
    53. }
    54. }
    55. function snowNS() { // Netscape main animation function
    56. for (i = 0; i < no; ++ i) { // iterate for every dot
    57. yp[i] += sty[i];
    58. if (yp[i] > doc_height-50) {
    59. xp[i] = Math.random()*(doc_width-am[i]-30);
    60. yp[i] = 0;
    61. stx[i] = 0.02 + Math.random()/10;
    62. sty[i] = 0.7 + Math.random();
    63. doc_width = self.innerWidth;
    64. doc_height = self.innerHeight;
    65. }
    66. dx[i] += stx[i];
    67. document.layers['dot'+i].top = yp[i];
    68. document.layers['dot'+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    69. }
    70. setTimeout("snowNS()", speed);
    71. }
    72. function snowIE() { // IE main animation function
    73. for (i = 0; i < no; ++ i) { // iterate for every dot
    74. yp[i] += sty[i];
    75. if (yp[i] > doc_height-50) {
    76. xp[i] = Math.random()*(doc_width-am[i]-30);
    77. yp[i] = 0;
    78. stx[i] = 0.02 + Math.random()/10;
    79. sty[i] = 0.7 + Math.random();
    80. doc_width = document.body.clientWidth;
    81. doc_height = document.body.clientHeight;
    82. }
    83. dx[i] += stx[i];
    84. document.all['dot'+i].style.pixelTop = yp[i];
    85. document.all['dot'+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    86. }
    87. setTimeout("snowIE()", speed);
    88. }
    89. if (ns4up) {
    90. snowNS();
    91. } else if (ie4up) {
    92. snowIE();
    93. }
    94. </script>
    Alles anzeigen

    Anzeigenbeispiel

    das wärs oder? ;)

    gruß und hf
    jone
  • na die schneeflocken fallen viel zu unecht - das denke ich mal wird ihn stören

    auf einer seite haben die au sowas eingebaut-wenn du bissl ahnung hast, musste den quelltext durchgucken und das script rauschscreiben hier
    obwohl das zwar scheinbar au net gtrade das beste is-aber auf die schnelle find isch nix besseres
  • ich hab das script mal angepasst für nen flug von herzen *fg* nun hab ich halt eine flocke genommen, die ich gefunden habe... diese ist ja modifizierbar bzw. kann man gut austauschen... gut die flug bahn ist ein bissl statisch, war halt das was ich auf de pladde hatte.

    gruß jone
  • PHP-Quellcode

    1. <script language="JavaScript1.2">
    2. //Pfad der Grafik, die über den Bildschirm rieseln soll
    3. var snowsrc="snow.gif"
    4. // Anzahl der Schneeflocken/Grafiken
    5. var no = 40;
    6. var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    7. var ie4up = (document.all) ? 1 : 0;
    8. var dx, xp, yp; // coordinate and position variables
    9. var am, stx, sty; // amplitude and step variables
    10. var i, doc_width = 300, doc_height = 100;
    11. if (ns4up) {
    12. doc_width = self.innerWidth;
    13. doc_height = self.innerHeight;
    14. } else if (ie4up) {
    15. doc_width = document.body.clientWidth;
    16. doc_height = document.body.clientHeight;
    17. }
    18. dx = new Array();
    19. xp = new Array();
    20. yp = new Array();
    21. am = new Array();
    22. stx = new Array();
    23. sty = new Array();
    24. for (i = 0; i < no; ++ i) {
    25. dx[i] = 0; // set coordinate variables
    26. xp[i] = Math.random()*(doc_width-50); // set position variables
    27. yp[i] = Math.random()*doc_height;
    28. am[i] = Math.random()*20; // set amplitude variables
    29. stx[i] = 0.02 + Math.random()/10; // set step variables
    30. sty[i] = 0.7 + Math.random(); // set step variables
    31. if (ns4up) { // set layers
    32. if (i == 0) {
    33. document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
    34. } else {
    35. document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
    36. }
    37. } else if (ie4up) {
    38. if (i == 0) {
    39. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
    40. } else {
    41. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
    42. }
    43. }
    44. }
    45. function snowNS() { // Netscape main animation function
    46. for (i = 0; i < no; ++ i) { // iterate for every dot
    47. yp[i] += sty[i];
    48. if (yp[i] > doc_height-50) {
    49. xp[i] = Math.random()*(doc_width-am[i]-30);
    50. yp[i] = 0;
    51. stx[i] = 0.02 + Math.random()/10;
    52. sty[i] = 0.7 + Math.random();
    53. doc_width = self.innerWidth;
    54. doc_height = self.innerHeight;
    55. }
    56. dx[i] += stx[i];
    57. document.layers['dot'+i].top = yp[i];
    58. document.layers['dot'+i].left = xp[i] + am[i]*Math.sin(dx[i]);
    59. }
    60. setTimeout("snowNS()", 10);
    61. }
    62. function snowIE() { // IE main animation function
    63. for (i = 0; i < no; ++ i) { // iterate for every dot
    64. yp[i] += sty[i];
    65. if (yp[i] > doc_height-50) {
    66. xp[i] = Math.random()*(doc_width-am[i]-30);
    67. yp[i] = 0;
    68. stx[i] = 0.02 + Math.random()/10;
    69. sty[i] = 0.7 + Math.random();
    70. doc_width = document.body.clientWidth;
    71. doc_height = document.body.clientHeight;
    72. }
    73. dx[i] += stx[i];
    74. document.all['dot'+i].style.pixelTop = yp[i];
    75. document.all['dot'+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    76. }
    77. setTimeout("snowIE()", 25);
    78. }
    79. if (ns4up) {
    80. snowNS();
    81. } else if (ie4up) {
    82. snowIE();
    83. }
    84. </script>
    Alles anzeigen


    h**p://www.asv-zeven.de/patrick/snow/snow.gif <-- da könnt ihr euch dan ndie passende Schneeflocke saugen

    MfG
    Mopy
  • das liegt daran dass du davon scheinbar keine ahnung hast *g*

    ne will dich ni ärgern.

    die schneeflocken sind richtige bilder!!!

    entweder du malst dir eigene und speicherst sie im gleichen ordner als "snow.gif" ->müsste gehen

    oder du gehst auf die homepage h**p.handyzubehoer.de und klickst eine schneeflocke mit rechts an und gehst auf "bild speichern unter" und speicherst als "snow.gif" auch im gleichen ordner wie deine hp ->müsste gehen

    wenn du das bild nicht snow.gif nennen willst ist egal, dann musste nur deinen quelltext ändern;)

    hoffe ich konnte helfen

    denn das rote kreuzt bedeutet, dass es das gefordete pic nisch anzeigen kann