Wie verändere ich den Mauszeiger auf meiner Homepage ???

noname

Hallo,

ich möchte gerne auf meiner Page den Mauszeiger verändern !!! Der soll ungefähr (aber nicht genau so!) so aussehen:

Page die ich zufällig gefunden habe:

http://knuddelscom.de/homepages/knud…reamergirl.html

Grüße und Danke !

noname

Zitat von tobias3952

admin

Macht man mit css (Fadenkreuz)
Einfach in den Headbereich einbinden

Code

<style type="text/css">
<!--
body {  cursor: crosshair}
-->
</style>

noname

Hallo,

jetzt ist da aber nur son hässliches Kreuz statt mauszeiger Wie mache ich das da Sterne oder so rumfliegen

Danke!

admin

Ich dachte, Du meinst das Fadenkreuz
Das macht man mit JavaScripte

Hier fliegen Sterne um den Mauszeiger.!

Besuche auch mal
http://unix.nightfire.ch/java/
Hier dürftest Du auch noch weiter Spielerreinen für die HP finden

Code

<SCRIPT language=JavaScript>
if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}
var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}
else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
}
if (document.all)
{
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {step=3;
  starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
  starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
  for (ai=0; ai < Clrs.length; ai++)
    {
     var c=Math.round(Math.random()*[ai]);
    }
    starsDiv.all[i].style.background=Clrs[c];
 }
}
else if (document.layers)
{
 for ( j = 0 ; j < 14 ; j++ ) file://number of NS layers!
 {step = 4;
  var templayer="a"+j
  document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
  document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
  for (aj=0; aj < Clrs.length; aj++)
    {
     var c=Math.round(Math.random()*[aj]);
    }
    document.layers[templayer].bgColor=Clrs[c];
 }
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</SCRIPT>

Alles anzeigen

noname

Hallo,

die Sterne sind leider sehr klein. Weiß vieleicht jemand wie ich etwas größere Sterne oder anderes um meinen Mauszeiger fliegen lassen kann. Brauche dies für meine ebay mich seite. Ein Ebay Symbol oder ne Uhrzeit die um den Mauszeiger fliegt währe auch nicht schlecht. Oder ein Text den man sich selber ausdenken kann

Danke und Grüße

admin

Text verfolgt den Mauszeiger

Code

<STYLE>.spanstyle {
        COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
<SCRIPT>
var x,y
var step=20
var flag=0
//
var message="HIER KOMMT DEIN TEXT HIN!!"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</SCRIPT>
</head>
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" BACKGROUND>
<SCRIPT>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
        document.write(message[i])
    document.write("</span>")
}
if (document.layers){
        document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</SCRIPT>

Alles anzeigen

Uhr umkreist den Mauszeiger

Code

<script language="JavaScript">
CoLoUrS=new Array('ff0000','0000ff','ff00ff');//Farbe des Zifferblattes.
sCol='ff00ff';//sekunden Farbe.
mCol='ff0000';//minuten Farbe.
hCol='0000ff';//stunden Farbe.
//Alter nothing below!
H='Stunde..';
H=H.split('');
H=H.reverse();
M='Minute..';
M=M.split('');
M=M.reverse();
S='Sekunde..';
S=S.split('');
S=S.reverse();
dots=12;
var Ypos=0,Xpos=0,Ybase=0,Xbase=0;
var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;
count=0;
count_a=0;
move=1;
ns=(document.layers)?1:0;
viz=(document.layers)?'hide':'hidden';
if (ns){
for (i=0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else{
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns){
 window.captureEvents(Event.MOUSEMOVE);
 function nsMouse(evnt){
 Ypos = evnt.pageY+100;
 Xpos = evnt.pageX+100;
 }
 window.onMouseMove = nsMouse;
}
else{
 function ieMouse(){
 Ypos=event.y+100;
 Xpos=event.x+100;
 }
 document.onmousemove=ieMouse;
}
function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;
Ybase=15;
Xbase=15;
if (ns){
document.layers["nx"+0].visibility=viz;
document.layers["ny"+0].visibility=viz;
document.layers["nz"+0].visibility=viz;
for (i=0; i < S.length; i++){
 document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);
 document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);
 document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);
 document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);
 }
for (i=0; i < dots; ++i){
 document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));
 document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
 }
}
else{
var scrll=document.body.scrollTop;
W.style.pixelTop=scrll;
X.style.pixelTop=scrll;
Y.style.pixelTop=scrll;
Z.style.pixelTop=scrll;
x[0].style.visibility=viz;
y[0].style.visibility=viz;
z[0].style.visibility=viz;
for (i=0; i < S.length; i++){
 x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);
 x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);
 y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);
 z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);
 }
for (i=0; i < dots; ++i){
 face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));
 face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
 }
}
}
function MouseFollow(){
ay=Math.round(Ay+=((Ypos)-Ay)*4/15);
ax=Math.round(Ax+=((Xpos)-Ax)*4/15);
by = Math.round(By+=(ay-By)*4/15);
bx = Math.round(Bx+=(ax-Bx)*4/15);
cy = Math.round(Cy+=(by-Cy)*4/15);
cx = Math.round(Cx+=(bx-Cx)*4/15);
dy = Math.round(Dy+=(cy-Dy)*4/15);
dx = Math.round(Dx+=(cx-Dx)*4/15);
clock();
setTimeout('MouseFollow()',10);
}
function colourStep(){
count+=move;
if (count >= dots) {count=0;count_a+=move}
if (count_a == CoLoUrS.length) count_a=0;
if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];
else face[count].style.background=CoLoUrS[count_a];
setTimeout('colourStep()',100)
}
function StartAll(){
MouseFollow();
colourStep();
}
if (document.layers || document.all) window.onload=StartAll;
//-->
</script>

Alles anzeigen

|o|o

http://www.tracy.de das ist auch eine tolle javascrip seite! schau dich einfach um...

|o|o

oh tut mir leid !!! meine http://www.traci.de

Dracula

Hey |o|o
Ist das deine wegseite? Echt cool, aber schade das der Queltext nicht gegt bei denn effekten. Könntest du das noch ändern? Finde hast nämlich noch ein paar einzelne effekte die ich für ein paar dinge gebrauchen könnte *gg*

Dracula

ok anscheinend habe ich mich geeirt. Es geht bei mir nicht aber bei meinem kollegen schon. Aber wiso? *heul* wiso seh ich die quelltexte nicht auf deiner homepage |o|o ???
Weisst du villeicht wiso?

joel

|o|o hat rechtsklick deaktiviert und benutzt flash für seine page.

ich bin jetzt zufällig auf dieses thema gestoßen, weil ich was anderes gesucht habe

traci.de ist natrülich nicht meine seite ...

und ich bin eine sie =P

liebe grüße jousy

|o|o

und das war ich ...

Wie verändere ich den Mauszeiger auf meiner Homepage ???

Tags

Benutzer online in diesem Thema