Sternchenregen bei der Maus :)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Sternchenregen bei der Maus :)

Beitrag von nyancore am So März 04, 2012 7:21 am

Huhu,
wo finde ich denn diesen tollen HTML Code, wo so kleine Sternchen hinter der Maus fallen?

Ich hoffe ihr wisst was ich meine Smile Bin nämlich dabei meinen Blog bisl umzudekorieren^^
avatar
nyancore

Anzahl der Beiträge : 42
Anmeldedatum : 25.02.12
Alter : 29

http://cupcatz.blogspot.com

Nach oben Nach unten

Re: Sternchenregen bei der Maus :)

Beitrag von Seelchen am Mo März 05, 2012 2:47 am

Das, was du meinst, nennt sich Mausverfolger und davon findest du eine ganze Menge im Netz. Für Sternchen hier mal ein Beispiel:

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var colour="#f0f"; // Farbe des Feenstaubes
var sparkles=50;  // Anzahl der "Staubflocken"

/*****************************
*  Tinkerbell Magic Sparkle  *
* (c) 2005 mf2fm web-design  *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX  *
* AB HIER NICHTS MEHR ÄNDERN *
*****************************/
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<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<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<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]<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]<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 && (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 && 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);
}
//-->
</script>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://lteanbieter.com/lte-anbieter/telekom/" title="LTE Tarife Telekom" target="_blank">LTE Tarife Telekom</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=347"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Gefunden hab ich den hier: **klick**

Wenn du so einen Code in deinem Blog einbauen möchtest, musst du dafür in deinem Dashboard auf Layout gehen und dort unter deinem Postbereich ein neues html-Gadget erstellen. In dieses Gadget fügst du dann den Code ein (bitte Überschrift weglassen!) und speicherst das ganze ab! Smile
avatar
Seelchen
Admin

Anzahl der Beiträge : 187
Anmeldedatum : 07.02.12

http://buecher-seele.blogspot.com

Nach oben Nach unten

Re: Sternchenregen bei der Maus :)

Beitrag von nyancore am Di März 06, 2012 7:57 am

@seelchen Auf dieser Seite war ich auch schon aber es hat mich verwirrt das da Java Code stand und man achten soll zwischen HTML und Java. Das hat mich halt verwirrt und ich wusste auch nicht genau wie ich das googlen sollte.

Aber danke für die Hilfe cat
avatar
nyancore

Anzahl der Beiträge : 42
Anmeldedatum : 25.02.12
Alter : 29

http://cupcatz.blogspot.com

Nach oben Nach unten

Re: Sternchenregen bei der Maus :)

Beitrag von Seelchen am Mi März 07, 2012 1:07 am

Hehe, ja. Dass, was die Herrschaften von der Seite damit meinen ist, dass man html-code nicht mit Java-code verwechseln soll, denn das ist keinesfalls dasselbe. Smile
avatar
Seelchen
Admin

Anzahl der Beiträge : 187
Anmeldedatum : 07.02.12

http://buecher-seele.blogspot.com

Nach oben Nach unten

Re: Sternchenregen bei der Maus :)

Beitrag von nyancore am Mi März 07, 2012 1:04 pm

Deswegen hab ich hier mal nachgefragt.
Dafür sind ja Foren gedacht Smile
avatar
nyancore

Anzahl der Beiträge : 42
Anmeldedatum : 25.02.12
Alter : 29

http://cupcatz.blogspot.com

Nach oben Nach unten

Re: Sternchenregen bei der Maus :)

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten