[HTML] Befehl für Cursor
- Ersteller heike
- Erstellt am
Ich verstehe jetzt nicht ganz, was du mit "nervigem Text" meinst.
Eventuell einen Tooltip, der erscheint, wenn man mit der Maus an einer Stelle (z.B. über einer Grafik) verweilt?
Wenn man es wörtlich nimmt und wirklich etwas hinter dem Mauszeiger herwandern soll, wird man das mit Javascript machen müssen. Alle paar Millisekunden die aktuelle Mausposition abfragen und dann die Position des Textes aktualisieren.
Wie das genau geht, weiß ich nicht und müsste nachschauen, vielleicht hilft ja noch jemand anderes weiter.
Eventuell einen Tooltip, der erscheint, wenn man mit der Maus an einer Stelle (z.B. über einer Grafik) verweilt?
Wenn man es wörtlich nimmt und wirklich etwas hinter dem Mauszeiger herwandern soll, wird man das mit Javascript machen müssen. Alle paar Millisekunden die aktuelle Mausposition abfragen und dann die Position des Textes aktualisieren.
Wie das genau geht, weiß ich nicht und müsste nachschauen, vielleicht hilft ja noch jemand anderes weiter.
Bombwurzel
Admiral
- Registriert
- März 2001
- Beiträge
- 7.310
So, ich hab hier mal das entsprechende JavaScript aus ner älteren Version meiner Homepage extrahiert.
Der komplette Text muss vor den eigentlich <HEAD> Tag
Innerhalb des <Body> Tags muss dann nur noch ein
onload="rattenschwanz()"
also in etwa so:
<BODY text="#FFFFFF" bgcolor="#000000" onload "rattenschwanz()">
und fertich ist der Lack
<style>.rattenschwanzstyle {COLOR: yellow; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: italic; POSITION: absolute; TOP: -50px; VISIBILITY: visible}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var x, y;
var step = 10;
var flag = 0;
var message = "Hier Den Text eingeben, MIT LEERZEICHEN AM ENDE ";
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 rattenschwanz() {
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("rattenschwanz()", 10);
}
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='rattenschwanzstyle'>");
document.write(message);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>
Der komplette Text muss vor den eigentlich <HEAD> Tag
Innerhalb des <Body> Tags muss dann nur noch ein
onload="rattenschwanz()"
also in etwa so:
<BODY text="#FFFFFF" bgcolor="#000000" onload "rattenschwanz()">
und fertich ist der Lack
<style>.rattenschwanzstyle {COLOR: yellow; FONT-FAMILY: Arial; FONT-SIZE: 8pt; FONT-WEIGHT: italic; POSITION: absolute; TOP: -50px; VISIBILITY: visible}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var x, y;
var step = 10;
var flag = 0;
var message = "Hier Den Text eingeben, MIT LEERZEICHEN AM ENDE ";
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 rattenschwanz() {
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("rattenschwanz()", 10);
}
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='rattenschwanzstyle'>");
document.write(message);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>
