Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
Rosa Sternchen <3 - #1221933 - 11.08.2007, 22:09:38
Sternchen000
Nicht registriert


Hallo,

Ich wuesste gerne wie man diese Rosa Sternchen hinbekommt die, den Mauszeiger verfolgen. Wie es auf der Hp von PinkApple ist.
Ich danke im Vorraus.

Vio glücklich


Bearbeitet von Sternchen000 (11.08.2007, 22:12:06)

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221938 - 11.08.2007, 22:15:13
EmelyErdbeer<3
Nicht registriert


Hi Vio :o
Höhö, ich habs da mal ausm Quelltext gesucht :o

Code:
 
&lt;script type='text/javascript'&gt;
&lt;!--
var colour="#ff80c0";
var sparkles=50;

/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i&lt;sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}

function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c&lt;sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c&lt;sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}

function update_star(i) {
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]&lt;shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}

function update_tiny(i) {
  if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]&lt;shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}


function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
	sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}

window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement &amp;&amp; document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
document.onmousemove=mouse;
//--&gt;
&lt;/script&gt; 

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221940 - 11.08.2007, 22:21:19
Sternchen000
Nicht registriert


Danke Kaddi <3


EDIT: Das hat nicht geklappt.. <.<


Bearbeitet von Sternchen000 (11.08.2007, 22:23:12)

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221942 - 11.08.2007, 22:24:56
EmelyErdbeer<3
Nicht registriert


Muss aber :o
Also bei mir gehts, was hassu für nen Browser?

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221943 - 11.08.2007, 22:25:22
Sternchen000
Nicht registriert


Firefox

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221952 - 11.08.2007, 22:35:26
EmelyErdbeer<3
Nicht registriert


Hm, dann weiß ich auch nicht.
Bei mir gehts im Firefox... bäh

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1221955 - 11.08.2007, 22:39:34
Sternchen000
Nicht registriert


Bah, das ist ja gemein traurig

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: ] - #1225353 - 15.08.2007, 17:07:53
RachelHH

Registriert: 26.12.2004
Beiträge: 39
also bei mir funzt es auch mit firefox >.<

[zum Seitenanfang]  
Re: Rosa Sternchen <3 [Re: RachelHH] - #1225419 - 15.08.2007, 18:13:01
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Hey,


bei mir klappt der Code auch ohne Probleme. glücklich Hast du vielleicht Java blockiert oder ähnliches?

(Auf jeden offenen, halbwegs aktuellen Thread zu antworten ist auch eine Möglichkeit den Zähler zu erhöhen...
P.S.: Animierte Avatare sind hier im Forum nicht erlaubt. zwinker)


Gruß, Kat

[zum Seitenanfang]