animierter courser

Antworten
  • Seite 2 von 2
#16
16.04.2007 14:11
avatar  Lucifer ( Gast )
#16 RE: animierter courser
Lu
Lucifer ( Gast )

In Antwort auf:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Updated Stars Script by kurt.grigg (at) virgin.net
var images='http://www.oyla15.de/userdaten/74218821/.../fledermaus.gif';
var amount=7; //Anzahl der Bilder!!
var yBase = 150;
var xBase = 200;
var step = .1;
var currStep = 0;
var Xpos = 5;
var Ypos = 5;
var i = 0;
var j = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+images+'" width=35 height=35 style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')

function MsieMouseFollow(){
Xpos = document.body.scrollLeft+event.x-5;
Ypos = document.body.scrollTop+event.y-5;
}
document.onmousemove = MsieMouseFollow;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");
function NsMouseFollow(evnt){
Xpos = evnt.pageX-5;
Ypos = evnt.pageY-5;
}
window.onMouseMove = NsMouseFollow;
}
function Swirl(){
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<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
ieDiv.all.c.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
}
}
else if (document.layers)
{
for ( j = 0 ; j < ns ; j++ ) //7 is number of NS layers!
{
var temp="n"+j
document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
}
}
currStep += step;
setTimeout("Swirl()", 10);
}

//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/" title="Javascripts Mausverfolger" target="_blank">Javascripts und Mausverfolger</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=174"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Wenn ich diesen code einsetze kommt bei mir keine fledermaus nur der text...wo liegt der fehler ?


 Antworten

 Beitrag melden
#17
16.04.2007 19:29
avatar  Pascal
#17 RE: animierter courser
Pa
Pascal
Mitglied

Mit freundlichen Grüßen
Pascal Stoffels
Kundenbetreuung - Homepagemodules.de


 Antworten

 Beitrag melden
#18
19.06.2007 16:37
avatar  LittleFairy ( Gast )
#18 RE: animierter courser
Li
LittleFairy ( Gast )

Ich hab das von Lucifer jetzt übernommen.
Nur das Bild und vor allem die Anzahl der Bilder geändert.
Jetzt knabber ich aber daran, wie ich es hinbekomme, dass das Ding nicht mehr so hyperaktiv erscheint.
Also die Bewegung ändern. Könnt ihr mir helfen?


 Antworten

 Beitrag melden
#19
19.08.2007 23:51 (zuletzt bearbeitet: 19.08.2007 23:57)
avatar  Wolfgang
#19 RE: animierter courser
avatar
Wolfgang
Mitglied
Zitat von foenix
Ich möchte gerne Für mein Forum Die Maus in Blau Haben Kan mir Jemanf Helfen?
Gruß:Der Kleine Fönix.
Hy @all


Hallo,
ich habe für mein Forum einen eigenen Mauszeiger mit einem Icon erstellt und mir ist ebenfalls aufgefallen, dass der in FF, Opera und Netscape nicht funktioniert.
Ich habe selber probieren müssen und im Internet eine Lösung gefunden, die ich hier genauer aufzeigen möchte!

Mit einem kleinen Trick ist es möglich, dass der Mauszeiger in allen gängigen Browser läuft!

Zu beachten:
Nicht alle Browser unterstützen alle Grafikformate und auch nicht unter allen Betriebssystemen. So unterstützt z.B. der Internet Explorer nur cursor.cur und cursor.ani als Format, wärend Firefox cursor.ani überhaupt nicht und unter Linux cursor.cur nicht unterstützt.

Oft ist zu lesen, dass der "Cursor" das GIF- oder JPG-Format haben sollte.
Die Formate funktionieren leider nicht bei den neuen Browsern!

Hinzu kommt, dass die Browser FireFox, Opera, und Netscape sich weigern den erstellten Mauszeiger (Icon) wiederzugeben.
Mit einen kleinen Trick, ist auch dieses Problem behoben und zwar durch einbinden einer "Alternative", wie z.B. "move"!

Mauszeiger für einen bestimmten Teil der Webseite:

Wollen Sie einen Mauszeiger für einen bestimmten Bereich einsetzen, nutzten Sie den DIV-Container:

<div style="cursor:url(http://www.forum.de/cursor.cur),move;"> .... </div>



Mauszeiger für die komplette Webseite:

Wollen Sie den Mauszeiger für Ihre komplette Webseite, tragen Sie den "Cursor" in den Body-Teil ein:

<body style="cursor:url(http://www.forum.de/cursor.cur),move;"> ... </body>


Oder in die CSS-Datei:
BODY {
cursor:url(http://www.forum.de/cursor.cur),move;
}


Mehr Infos und nachzulesen unter:
"Mauszeiger mit eigener Grafik - de.selfhtml.org"
"Mauszeiger für alle gängigen Browser - Mein Forum"


Gruß
Wolf




Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge


Bildanhänge

 Antworten

 Beitrag melden
#20
20.08.2007 14:18
avatar  Dragon_of_Storm
#20 RE: animierter courser
Dr
Dragon_of_Storm
Mitglied

Danke . Genial^^. Früher habe ich das immer mit diesem gemacht 

<style type="text/css">
body{
  cursor: url(http://www.Cursor.cur)
}</style>


Jedoch ging es da nicht mit dem firefox nicht, den ich benutze. Dank ihrer neuen Idee funktioniert es jetzt auch mit firefox!!^^. Thx.

Mfg. Dragon_of_Storm

_________________________________
Es kommtnicht darauf an WAS man hat,
es kommt darauf an wie man es KONFIGURIERT!

BOARD NUMMER: 126888

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!