Sternchenregen bei der Maus :)
2 verfasser
Seite 1 von 1
Sternchenregen bei der Maus :)
Huhu,
wo finde ich denn diesen tollen HTML Code, wo so kleine Sternchen hinter der Maus fallen?
Ich hoffe ihr wisst was ich meine Bin nämlich dabei meinen Blog bisl umzudekorieren^^
wo finde ich denn diesen tollen HTML Code, wo so kleine Sternchen hinter der Maus fallen?
Ich hoffe ihr wisst was ich meine Bin nämlich dabei meinen Blog bisl umzudekorieren^^
Re: Sternchenregen bei der Maus :)
Das, was du meinst, nennt sich Mausverfolger und davon findest du eine ganze Menge im Netz. Für Sternchen hier mal ein Beispiel:
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!
- 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!
Re: Sternchenregen bei der Maus :)
@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
Aber danke für die Hilfe
Re: Sternchenregen bei der Maus :)
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.
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|