Supportnet / Forum / Webseiten/HTML
Ich suche nach einem Java Script...
Frage
Es soll bewirken das dem Mauszeiger eine Schrift nachfliegt. Kann mir vielleicht jemand den Quelltext eines solchen Scripfts mailen oder hier her posten?
THX
Antwort 1 von ClemensWeiss
Hi,
schau mal bei www.bratta.com vorbei.
Ich glaube, da im Script-Archiv gibt es sowas.
MfG
Clemens Weiß
www.webplain.de
schau mal bei www.bratta.com vorbei.
Ich glaube, da im Script-Archiv gibt es sowas.
MfG
Clemens Weiß
www.webplain.de
Antwort 2 von Unknown
He ich verrate meinen name zwar net, abr unter www.bravenet.com kann man sich einige Java-Dinge machen lassen, bestimmt, bin aber nicht sicher, findest du dort auh was sinnvolles!
Antwort 3 von Friedel
Auf meiner HP findest du dazu eine Anleitung. Sieh mal nach bei http://members.surfeu.de/namibia/mich/willkommen.htm. Die Anleitung ist unter "Text folgt Maus".
Antwort 4 von Yoram
Hallo,
da ja Friedel so nett war, Dich auf Deine HP zu lenken, wäre es auch gut, wenn man es dort so ohne weiteres kopieren könnte. Mit etwas mehr aufwand funktioniert das auch, also habe ich es getan.
@Friedel; biete es doch keinen an, wenn Du es sowieso nicht hergeben willst. Wer soll sich denn das abschreiben...tsss...
Hier also der Text:Kopiere folgendes in den Head Deiner Seite (also zwischen <head> und </head>) :
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:12pt;
font-family:Arial;
font-weight:bold;
color:black;
}
</style>
<script>
var x,y
var step=20
var flag=0
// Deine Nachricht! Wichtig! Am Ende des Satzes ein Leerzeichen einfügen!
var message="Hallo. Wie gefällt dir diese Anleitung? "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-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=xpos[i-1]+step
ypos=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
thisspan.posTop=ypos
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=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
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
Kopiere folgendes in den Body Deiner Seite (also zwischen <body> und </body>) :
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id=span"+i+" class=spanstyle>")
document.write(message)
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
Und schließlich in den Body-Tag deiner Seite (also zwischen <body und dem nächsten >) :
onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"
Viel Spaß ich habe es nicht ausprobiert.
Ciao
da ja Friedel so nett war, Dich auf Deine HP zu lenken, wäre es auch gut, wenn man es dort so ohne weiteres kopieren könnte. Mit etwas mehr aufwand funktioniert das auch, also habe ich es getan.
@Friedel; biete es doch keinen an, wenn Du es sowieso nicht hergeben willst. Wer soll sich denn das abschreiben...tsss...
Hier also der Text:Kopiere folgendes in den Head Deiner Seite (also zwischen <head> und </head>) :
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:12pt;
font-family:Arial;
font-weight:bold;
color:black;
}
</style>
<script>
var x,y
var step=20
var flag=0
// Deine Nachricht! Wichtig! Am Ende des Satzes ein Leerzeichen einfügen!
var message="Hallo. Wie gefällt dir diese Anleitung? "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-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=xpos[i-1]+step
ypos=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
thisspan.posTop=ypos
}
}
else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=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
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
Kopiere folgendes in den Body Deiner Seite (also zwischen <body> und </body>) :
<script>
<!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) {
document.write("<span id=span"+i+" class=spanstyle>")
document.write(message)
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
Und schließlich in den Body-Tag deiner Seite (also zwischen <body und dem nächsten >) :
onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"
Viel Spaß ich habe es nicht ausprobiert.
Ciao
Antwort 5 von Sdisno
unter http://wsabstract.com und unter http://dynamicdrive.com gibts javascripts zum downloaden. wenn ich mich recht erinnere, ist da genau das dabei, was du suchst.
gruß
SDI
gruß
SDI