kostenloser Webspace werbefrei: lima-city


Schnee der liegen bleibt

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    dome0910

    Kostenloser Webspace von dome0910

    dome0910 hat kostenlosen Webspace.

    wunderschönen guten tag @Lima Community, ich fange direkt mal an zu beschreiben wo mein problem liegt.
    da es bald winter ist, und es auf meiner homepage schneien soll, habe ich mir ein entsprechendes script gesucht.
    sized.js
    /**
     * X-Team Snow
     * @author Andrew Valums
     *
     * Copyright (c) 2009 X-Team, http://x-team.com
     */
    (function(){function k(a,b,c){if(a.addEventListener)a.addEventListener(b,c,false);else a.attachEvent&&a.attachEvent("on"+b,c)}function g(a){if(typeof window.onload!="function")window.onload=a;else{var b=window.onload;window.onload=function(){b();a()}}}function h(){var a={};for(type in{Top:"",Left:""}){var b=type=="Top"?"Y":"X";if(typeof window["page"+b+"Offset"]!="undefined")a[type.toLowerCase()]=window["page"+b+"Offset"];else{b=document.documentElement.clientHeight?document.documentElement:document.body; a[type.toLowerCase()]=b["scroll"+type]}}return a}function l(){var a=document.body,b;if(window.innerHeight)b=window.innerHeight;else if(a.parentElement.clientHeight)b=a.parentElement.clientHeight;else if(a&&a.clientHeight)b=a.clientHeight;return b}function i(a){this.parent=document.body;this.createEl(this.parent,a);this.size=Math.random()*5+5;this.el.style.width=Math.round(this.size)+"px";this.el.style.height=Math.round(this.size)+"px";this.maxLeft=document.body.offsetWidth-this.size;this.maxTop=document.body.offsetHeight- this.size;this.left=Math.random()*this.maxLeft;this.top=h().top+1;this.angle=1.4+0.2*Math.random();this.minAngle=1.4;this.maxAngle=1.6;this.angleDelta=0.01*Math.random();this.speed=2+Math.random()}var j=false;g(function(){j=true});var f=true;window.createSnow=function(a,b){if(j){var c=[],m=setInterval(function(){f&&b>c.length&&Math.random()<b*0.0025&&c.push(new i(a));!f&&!c.length&&clearInterval(m);for(var e=h().top,n=l(),d=c.length-1;d>=0;d--)if(c[d])if(c[d].top<e||c[d].top+c[d].size+1>e+n){c[d].remove(); c[d]=null;c.splice(d,1)}else{c[d].move();c[d].draw()}},40);k(window,"scroll",function(){for(var e=c.length-1;e>=0;e--)c[e].draw()})}else g(function(){createSnow(a,b)})};window.removeSnow=function(){f=false};i.prototype={createEl:function(a,b){this.el=document.createElement("img");this.el.setAttribute("src",b+"snow"+Math.floor(Math.random()*4)+".gif");this.el.style.position="absolute";this.el.style.display="block";this.el.style.zIndex="99999";this.parent.appendChild(this.el)},move:function(){if(this.angle< this.minAngle||this.angle>this.maxAngle)this.angleDelta=-this.angleDelta;this.angle+=this.angleDelta;this.left+=this.speed*Math.cos(this.angle*Math.PI);this.top-=this.speed*Math.sin(this.angle*Math.PI);if(this.left<0)this.left=this.maxLeft;else if(this.left>this.maxLeft)this.left=0},draw:function(){this.el.style.top=Math.round(this.top)+"px";this.el.style.left=Math.round(this.left)+"px"},remove:function(){this.parent.removeChild(this.el);this.parent=this.el=null}}})();



    und der quelltext der in dem html dokument steckt wo es schneien soll
    <script src="snow.js/sized.js" type="text/javascript"></script>
    <script>
        /**
         * This function takes 2 arguments
         * First is the path to the directory with snowflake images
         * Second is the maximum number of snowflakes, please do not
         * set this number above 60 as it will impact the performance
         */
        createSnow('snow.gfx/', 1000);
    </script>


    das script funktioniert wunderbar, mein problem besteht darin ich möchte, dass der Schnee liegen bleibt am homepage ende. (footer)
    In Google habe ich nichts brauchbares finden können und ich hoffe, dass ich hier geholfen werde ^^

    lg, Soulstah
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Erstmal vorweg: Java IST NICHT JavaScript.
    Mit dem Script das du hast wirst du nicht viel anfangen können. Am besten wird es sein, wenn du dir so ein Script komplett selbst baust.
    Von der Logik her sollte es so funktionieren:
    Per DOM-Modifikation wird ein neues div oder img auf die Seite eingefügt.
    Dieses Element wird dann per Timeout bis zum Ende der Seite bewegt.

    mfg
  4. djfun

    Co-Admin Kostenloser Webspace von djfun

    djfun hat kostenlosen Webspace.

    verschoben von Java nach JavaScript
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!