Wie mach ich die schneeflocken wie hier:

Dieses Thema im Forum "Webentwicklung" wurde erstellt von IBERION, 1. Dezember 2005 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 1. Dezember 2005
    Wie mach ich die schneeflocken wie http://neger123456.dl.am/ `???
    Muss ich da nen 100% Frame machen oder was?
     
  2. 1. Dezember 2005
    falsche section was hat das mit webdesign zu tun ?

    er benutzt das script

    Code:
     <html>
    <body>
    <!-- Schnee -->
    <script type="text/javascript">
     
     //Configure below to change URL path to the snow image
     var snowsrc="snow.gif"
     // Configure below to change number of snow to render
     var no = 10;
     // Configure whether snow should disappear after x seconds (0=never):
     var hidesnowtime = 0;
     // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
     var snowdistance = "pageheight";
    
    ///////////Stop Config//////////////////////////////////
    
     var ie4up = (document.all) ? 1 : 0;
     var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    
     function iecompattest(){
     return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
     }
    
     var dx, xp, yp; // coordinate and position variables
     var am, stx, sty; // amplitude and step variables
     var i, doc_width = 800, doc_height = 600; 
     
     if (ns6up) {
     doc_width = self.innerWidth;
     doc_height = self.innerHeight;
     } else if (ie4up) {
     doc_width = iecompattest().clientWidth;
     doc_height = iecompattest().clientHeight;
     }
    
     dx = new Array();
     xp = new Array();
     yp = new Array();
     am = new Array();
     stx = new Array();
     sty = new Array();
     snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
     for (i = 0; i < no; ++ i) { 
     dx[i] = 0; // set coordinate variables
     xp[i] = Math.random()*(doc_width-50); // set position variables
     yp[i] = Math.random()*doc_height;
     am[i] = Math.random()*20; // set amplitude variables
     stx[i] = 0.02 + Math.random()/10; // set step variables
     sty[i] = 0.7 + Math.random(); // set step variables
     if (ie4up||ns6up) {
     if (i == 0) {
     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
     } else {
     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
     }
     }
     }
    
     function snowIE_NS6() { // IE and NS6 main animation function
     doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
     doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
     for (i = 0; i < no; ++ i) { // iterate for every dot
     yp[i] += sty[i];
     if (yp[i] > doc_height-50) {
     xp[i] = Math.random()*(doc_width-am[i]-30);
     yp[i] = 0;
     stx[i] = 0.02 + Math.random()/10;
     sty[i] = 0.7 + Math.random();
     }
     dx[i] += stx[i];
     document.getElementById("dot"+i).style.top=yp[i]+"px";
     document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
     }
     snowtimer=setTimeout("snowIE_NS6()", 10);
     }
    
     function hidesnow(){
     if (window.snowtimer) clearTimeout(snowtimer)
     for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
     }
     
    
    if (ie4up||ns6up){
     snowIE_NS6();
     if (hidesnowtime>0)
     setTimeout("hidesnow()", hidesnowtime*1000)
     }
    
    </script>
    
    <style>
     body {
     font-family: verdana;
     font-height: 18px;
     }
    
     a, a:hover, a:visited {
     text-decoration: none;
     color: black;
     }
    
     .hh_bold {
     font-weight: bold;
     }
    
     .hh_h1 {
     font-weight: bold;
     }
    
    
    </style>
    
    </head>
    
     
  3. 1. Dezember 2005
    und die snow.gif ? woher bekomm ich die?
     
  4. 1. Dezember 2005
    Bevor geclosed wird bitte sag mal wo du es im WBB einbaust???!!!
     
  5. 1. Dezember 2005
    habs grad rausgefunden! Muss in der index.php ganz oben noch vor dem <php?> hin!
     
  6. 1. Dezember 2005
    kannste auch in header template klatschen, dann hast du es auf allen Seiten und nicht nur auf der Index.


    Für die snowflakes suchst dir bei google einfach 2-3 unterschiedlich grosse Flocken und speicherst die, lädst auf server und verlinken =o]


    *moved
     
  7. 1. Dezember 2005
    Vielen Dank habe jetzt die einstellungsoptionen und so alles hinbekommen!
    Großes THX an hacker.!
    S
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.