Herzlich Willkommen in unserem Forum!
 
    Login      

Forum    FAQ    Suche    Mitglieder    Team    Kalender    Private Nachrichten    User CP   

i4e-board.de » User helfen Usern » HTML / Javascript / XML » SnowScript » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen SnowScript
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Kay Kay ist männlich
Kunde


images/avatars/avatar-67.gif

Dabei seit: 15.11.2008
Beiträge: 15

SnowScript Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hi,

vielleicht weiß jemand wie ich folgendes Script so umschreiben kann, daß der Schnee über die "ganze" website rieselt smile
Leider hört der Schnee schon an der Bildschirmseite unten auf, obwohl ich noch nach unten scrollen kann.
Es gibt zwar andere Snowscripts, die aber .jpg's oder .png's benötigen und die sind nicht so schön.

Hier mal der Code:

// CREDITS:
// Snowmaker
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 11/27/2003

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

//
// CONFIGURATION STARTS HERE
//

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array('#aaaacc','#ddddFF','#ccccDD')

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array('Arial Black','Arial Narrow','Times','Comic Sans MS')

// Set the letter that creates your snowflake (recommended:*)
var snowletter='*'

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.9

// Set the maximal-size of your snowflaxes
var snowmaxsize=32

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////



// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById(\"s\"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout(\"movesnow()\",50)
}

for (i=0;i<=snowmax;i++) {
document.write(\"<span id='s\"+i+\"' style='position:absolute;top:-\"+snowmaxsize+\"'>\"+snowletter+\"</span>\")

}

window.onload=initsnow();

</script>";



Und hier das Ergebnis:

http://www.flashgameland.de



Vielen Dank und liebe Grüße
Kay
26.11.2008 19:09 Kay ist offline Homepage von Kay Beiträge von Kay suchen Nehmen Sie Kay in Ihre Freundesliste auf
Nuke
Kunde


Dabei seit: 03.09.2008
Beiträge: 21

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ich glaube das was du möchtest geht so nicht ich meine mich dran zu erinnern weil ich hatte das skript in dieser art auch das die seite ständig mit dem schnee am scrollen war es ging hoch und runter :/
26.11.2008 19:32 Nuke ist offline E-Mail an Nuke senden Beiträge von Nuke suchen Nehmen Sie Nuke in Ihre Freundesliste auf
Kay Kay ist männlich
Kunde


images/avatars/avatar-67.gif

Dabei seit: 15.11.2008
Beiträge: 15

Themenstarter Thema begonnen von Kay
RE: SnowScript Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth


Diesen Absatz habe ich schon versucht mit document.innerHeight und document.innerWidth zu tauschen, nur spielen da die Flocken verrückt^^

Schade, denn mir gefallen die Flocken. Vielleicht finde ich ja noch irgendwo eine Lösung smile

Gruß Kay
27.11.2008 19:40 Kay ist offline Homepage von Kay Beiträge von Kay suchen Nehmen Sie Kay in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
i4e-board.de » User helfen Usern » HTML / Javascript / XML » SnowScript

Views heute: 297 | Views gestern: 2.095 | Views gesamt: 14.047.814
    Support-Forum Powered by Woltlab Burning Board   Copyright 2003 - 2005 Internet4Ever.de