kostenloser Webspace werbefrei: lima-city

Suche Luftballon aufsteigen Skript

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

anschauen aufsteigen aufsteigende blasen bild code dank erfahrung ergebnis fang helfen http jemand kugel luftballon machen maus ordner schneeflocke test url
  1. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    15:56, 17.2.2009
    Hi !

    Ich suche ein Javascript für meine Homepage, um Luftballons aufsteigen zu lassen.

    Da es nicht viele Scripts für Luftballons gibt, dachte ich mir, ich nehme ein Schneeflocken Script. Jetzt ist mein Problem, dass die Schneeflocken ja von oben nach unten fallen und ich ja von unten nach oben will :biggrin:

    Ich hab hier mal ein passendes Javascript:

    <script language="JavaScript1.2">
<!-- 
var no = 18; // Anzahl der Schneeflocken
var speed = 5; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "../images/luftballons24.gif"; // Bild der Schneeflocke, beliebig

// ***** Ab hier nichts mehr ändern! ********************

var ns4up = (document.layers) ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite
var i, doc_width = 800, doc_height = 600;
if (ns4up) { // Bildschirm-Auflösung holen, Netscape-Funktion 
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) { // Bildschirm-Auflösung holen, Internet Explorer-Funktion
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) { 
dx[i] = 0; // Koordinaten-Variable setzen
xp[i] = Math.random()*(doc_width-50); // Position-Variable setzen
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Amplituden-Variable setzten
stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
// ----------------------------------------------------------------------
// Layer konfigurieren für Netscape
if (ns4up) { 
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
// ----------------------------------------------------------------------
// Layer konfigurieren für Internet Explorer
} else if (ie4up) { 
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} 
}
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Netscape
function snowNS() { 
for (i = 0; i < no; ++ i) { 
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() { 
for (i = 0; i < no; ++ i) { 
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
    </script>

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

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

  3. raubritta

    Kostenloser Webspace von raubritta

    raubritta hat kostenlosen Webspace.

    16:48, 17.2.2009
    Oha, da müsstest du recht viel umschreiben...
    Hast du schon erfahrung in Javascript?

    ich fang mal an. Vielleicht macht jemand weiter:^^

    <script language="JavaScript1.2">
<!-- 
var no = 18; // Anzahl der Schneeflocken
var speed = 5; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "../images/luftballons24.gif"; // Bild der Schneeflocke, beliebig

// ***** Ab hier nichts mehr ändern! ********************

var ns4up = (document.layers) ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite

var i, doc_width = 0, doc_height = 0;       //auf Null gesetzt (wird sowieso überschrieben...)
if (ns4up)
 {                                                               // Bildschirm-Auflösung holen, Netscape-Funktion 
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
} 
else if (ie4up) 
{                                                              // Bildschirm-Auflösung holen, Internet Explorer-Funktion
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
 { 
    dx[i] = 0; // Koordinaten-Variable setzen
    xp[i] = Math.random()*(doc_width+50); // Position-Variable setzen !! auf Plus setzen, da wir ja jetzt von Unten kommen!!
    yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20; // Amplituden-Variable setzten
   stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
   sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
   // ----------------------------------------------------------------------
   // Layer konfigurieren für Netscape
 if (ns4up) 
 { 
 if (i == 0)
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
} 
else
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
}
} 
else if (ie4up) 
{ 
if (i == 0) 
{
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
else 
{
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
}
}
// Haupt-Animations-Funktion für Netscape
function snowNS() 
{ 
  for (i = 0; i < no; ++ i) 
  { 
yp[i] -= sty[i];                                                          //!hier ist das wichtigste.wir müssen ja runter gehen!!
if (yp[i] > doc_height+50) {                                    //wieder +
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();
doc_width = self.innerWidth;                                 //Unsinnig?
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] -= sty[i];                                                            //!! für den IE natürlich auch
if (yp[i] > doc_height+50) {                                      // und das Plus
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
    </script>

    Ich hoffe ich konnte dir helfen. Lad dein Skript doch einfach mal hoch, dann können wirs uns mal anschauen. Wäre mal gespannt...
  4. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    17:17, 17.2.2009
    raubritta schrieb:
    Oha, da müsstest du recht viel umschreiben...
    Hast du schon erfahrung in Javascript?

    ich fang mal an. Vielleicht macht jemand weiter:^^

    <script language="JavaScript1.2">
<!-- 
var no = 18; // Anzahl der Schneeflocken
var speed = 5; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "../images/luftballons24.gif"; // Bild der Schneeflocke, beliebig

// ***** Ab hier nichts mehr ändern! ********************

var ns4up = (document.layers) ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite

var i, doc_width = 0, doc_height = 0;       //auf Null gesetzt (wird sowieso überschrieben...)
if (ns4up)
 {                                                               // Bildschirm-Auflösung holen, Netscape-Funktion 
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
} 
else if (ie4up) 
{                                                              // Bildschirm-Auflösung holen, Internet Explorer-Funktion
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
 { 
    dx[i] = 0; // Koordinaten-Variable setzen
    xp[i] = Math.random()*(doc_width+50); // Position-Variable setzen !! auf Plus setzen, da wir ja jetzt von Unten kommen!!
    yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20; // Amplituden-Variable setzten
   stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
   sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
   // ----------------------------------------------------------------------
   // Layer konfigurieren für Netscape
 if (ns4up) 
 { 
 if (i == 0)
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
} 
else
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
}
} 
else if (ie4up) 
{ 
if (i == 0) 
{
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
else 
{
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
}
}
// Haupt-Animations-Funktion für Netscape
function snowNS() 
{ 
  for (i = 0; i < no; ++ i) 
  { 
yp[i] -= sty[i];                                                          //!hier ist das wichtigste.wir müssen ja runter gehen!!
if (yp[i] > doc_height+50) {                                    //wieder +
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();
doc_width = self.innerWidth;                                 //Unsinnig?
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] -= sty[i];                                                            //!! für den IE natürlich auch
if (yp[i] > doc_height+50) {                                      // und das Plus
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
    </script>

    Ich hoffe ich konnte dir helfen. Lad dein Skript doch einfach mal hoch, dann können wirs uns mal anschauen. Wäre mal gespannt...


    Danke !

    Ich habe leider keine Erfahrund mit JavaScript

    Habs mal hochgeladen !

    http://www.davidlohmann.de/test.htm

    Beitrag zuletzt geändert: 17.2.2009 17:18:18 von davy

  5. raubritta

    Kostenloser Webspace von raubritta

    raubritta hat kostenlosen Webspace.

    16:10, 18.2.2009
    mhm, im alten skript hat das runtergehen der Luftballons noch funktioniert?

    <script language="JavaScript1.2">
<!-- 
var no = 18; // Anzahl der Schneeflocken
var speed = 5; // "Schnei-Geschwindigkeit"; je kleiner die Zahl, um so schneller fallen die Flocken
var snowflake = "../images/luftballons24.gif"; // Bild der Schneeflocke, beliebig

// ***** Ab hier nichts mehr ändern! ********************

var ns4up = (document.layers) ? 1 : 0; // Browser Tester
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // Variablen für Koordinaten und Position
var am, stx, sty; //Variablen für Amplitude und Schrittweite

var i, doc_width = 0, doc_height = 0;       //auf Null gesetzt (wird sowieso überschrieben...)
if (ns4up)
 {                                                               // Bildschirm-Auflösung holen, Netscape-Funktion 
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
} 
else if (ie4up) 
{                                                              // Bildschirm-Auflösung holen, Internet Explorer-Funktion
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
 { 
    dx[i] = 0; // Koordinaten-Variable setzen
    xp[i] = Math.random()*(doc_width+50); // Position-Variable setzen !! auf Plus setzen, da wir ja jetzt von Unten kommen!!
    yp[i] = Math.random()*doc_height;
   am[i] = Math.random()*20; // Amplituden-Variable setzten
   stx[i] = 0.02 + Math.random()/10; // Variable für Schrittweite setzen
   sty[i] = 0.7 + Math.random(); // Variable für Schrittweite setzen
   // ----------------------------------------------------------------------
   // Layer konfigurieren für Netscape
 if (ns4up) 
 { 
 if (i == 0)
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
} 
else
 {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
   document.write(snowflake + "\" border=\"0\"></layer>");
}
} 
else if (ie4up) 
{ 
if (i == 0) 
{
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
else 
{
   document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
   document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
  document.write(snowflake + "\" border=\"0\"></div>");
} 
}
}
// Haupt-Animations-Funktion für Netscape
function snowNS() 
{ 
  for (i = 0; i < no; ++ i) 
  { 
yp[i] -= sty[i];                                                          //!hier ist das wichtigste.wir müssen ja runter gehen!!
if (yp[i] < doc_height+50) {                                    //wieder + !hier kommt wohl ein kleiner hin
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();
doc_width = self.innerWidth;                                 //Unsinnig?
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
// ----------------------------------------------------------------------
// Haupt-Animations-Funktion für Internet Explorer
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] -= sty[i];                                                            //!! für den IE natürlich auch
if (yp[i] < doc_height+50) {                                      // und das Plus zu einem kleiner machen...
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
    </script>


    Beitrag zuletzt geändert: 18.2.2009 16:10:40 von raubritta

  6. c****c

    16:17, 18.2.2009
    Hab hier mal beide hochgeladen:

    Mein Anfangsscript: http://www.davidlohmann.de/test/script1.htm
    Das aktuell veränderte: http://www.davidlohmann.de/test/script2.htm

    Beitrag zuletzt geändert: 18.2.2009 16:18:43 von chathc
  7. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    19:50, 19.2.2009
    Könnt Ihr mir nicht helfen ?

  8. adrianlambertz

    Kostenloser Webspace von adrianlambertz

    adrianlambertz hat kostenlosen Webspace.

    20:41, 19.2.2009
    Ich habe ein Script, aus dem "Bilder" (in diesem fall Luftballons) von der Maus aus aufsteigen.

    Code:

    <!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Original:  Kurt Grigg (kurt.grigg (at) virgin.net) 
Image0 = new Image();
Image0.src = "bubbles2.gif";
Amount = 20; 
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(e) {
Ymouse=(e)?e.pageY-20:window.event.y-20;
Xmouse=(e)?e.pageX:window.event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si'+i+'" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90);">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.documentElement.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.documentElement.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx; 
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
document.getElementById('si'+i).style.left = Xpos[i] + wscrll+"px";
document.getElementById('si'+i).style.top = Ypos[i] + hscrll+"px";
document.getElementById('si'+i).style.width = grow[i]+"px";
document.getElementById('si'+i).style.height = grow[i]+"px";
}
grow[i] += rate[i]; 
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/hosting/webspace/webspace-bei-1-und-1.html" title="Webhosting" target="_blank">Webhosting</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=172"></script>
<!-- präsentiert von kostenlose-javascripts.de -->


    du musst
    Image0.src = "bubbles2.gif";
    mit deinem luftballon bild austuschen -> bsp: luftballon.gif oder so...

    das luftballon bild muss im selben ordner wie die seite sein (logisch.)

    EDIT: hier kannst du dir das Ergebnis (wohl mit Kugeln) anschaun!

    hoffe das konnte dir schonmal ein wenig helfen.

    Beitrag zuletzt geändert: 19.2.2009 20:43:15 von adrianlambertz
  9. Autor dieses Themas

    davy

    Kostenloser Webspace von davy

    davy hat kostenlosen Webspace.

    20:59, 19.2.2009
    adrianlambertz schrieb:
    Ich habe ein Script, aus dem "Bilder" (in diesem fall Luftballons) von der Maus aus aufsteigen.

    Code:

    <!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Original:  Kurt Grigg (kurt.grigg (at) virgin.net) 
Image0 = new Image();
Image0.src = "bubbles2.gif";
Amount = 20; 
Ymouse = -50;
Xmouse = -50;
Ypos = new Array();
Xpos = new Array();
Speed = new Array();
rate = new Array();
grow = new Array();
Step = new Array();
Cstep = new Array();
nsSize = new Array();
ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(e) {
Ymouse=(e)?e.pageY-20:window.event.y-20;
Xmouse=(e)?e.pageX:window.event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
for (i = 0; i < Amount; i++) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random()*4+1;
Cstep[i] = 0;
Step[i] = Math.random()*0.1+0.05;
grow[i] = 8;
nsSize[i] = Math.random()*15+5;
rate[i] = Math.random()*0.5+0.1;
}
if (ns) {
for (i = 0; i < Amount; i++) {
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++) {
document.write('<img id="si'+i+'" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90);">');
}
document.write('</div></div>');
}
function MouseBubbles() {
var hscrll = (document.layers)?window.pageYOffset:document.documentElement.scrollTop;
var wscrll = (document.layers)?window.pageXOffset:document.documentElement.scrollLeft;
for (i = 0; i < Amount; i++){
sy = Speed[i] * Math.sin(270 * Math.PI / 180);
sx = Speed[i] * Math.cos(Cstep[i] * 4);
Ypos[i] += sy;
Xpos[i] += sx; 
if (Ypos[i] < -40) {
Ypos[i] = Ymouse;
Xpos[i] = Xmouse;
Speed[i] = Math.random() * 6 + 4;
grow[i] = 8;
nsSize[i] = Math.random() * 15 + 5;
}
if (ns) {
document.layers['sn'+i].left = Xpos[i] + wscrll;
document.layers['sn'+i].top = Ypos[i] + hscrll;
}
else {
document.getElementById('si'+i).style.left = Xpos[i] + wscrll+"px";
document.getElementById('si'+i).style.top = Ypos[i] + hscrll+"px";
document.getElementById('si'+i).style.width = grow[i]+"px";
document.getElementById('si'+i).style.height = grow[i]+"px";
}
grow[i] += rate[i]; 
Cstep[i] += Step[i];
if (grow[i] > 24) grow[i] = 25;
}
setTimeout('MouseBubbles()', 10);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/hosting/webspace/webspace-bei-1-und-1.html" title="Webhosting" target="_blank">Webhosting</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=172"></script>
<!-- präsentiert von kostenlose-javascripts.de -->


    du musst
    Image0.src = "bubbles2.gif";
    mit deinem luftballon bild austuschen -> bsp: luftballon.gif oder so...

    das luftballon bild muss im selben ordner wie die seite sein (logisch.)

    EDIT: hier kannst du dir das Ergebnis (wohl mit Kugeln) anschaun!

    hoffe das konnte dir schonmal ein wenig helfen.


    Danke !

  10. 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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!