Suche ein Mouseoverscript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
alt argument
anklicken
bild
code
dank
datei
eins
fenster
jemand
kleiner text
kleines fenster
minute
ordner
probier
punkt
span
text
trick
umgehung
workshop
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hmmmmm,
was meinst du mit "kennt jemand so ein script.", soll das eine Frage sein? Was tut dann der Punkt am Ende?
Und ich kenne kein solches Skript, aber ich weiß das es solche gibt und nachdem ich mich schonmal für 5 Minuten mit JavaScript beschäftigt hab, sollte das auch kein Problem sein sowas zu schreiben :S.
Vielleicht willst du's ja aber auch gaanz einfach und unkompliziert haben.
Probier doch mal sowas:
<span alt="LimaCity ist toll" title="LimaCity ist toll">Lima-City</span>
Ich hab's zwar nicht getestet, aber ich denke es sollte so in etwa funktionieren. Ansonsten mach dir n span das den langen Text beinhaltet und positionier es mit JS am mousecursor. Per onmouseover setzt du dann visible.
Naja, zweiteres ist der JS und CSS weg, der eigentlich sauberer ist :P.
Der kurze Quelltext oben ist reines HTML, und IE-Umgehung -.- weil der glaub kein Title kann sondern das Alt Argument missbraucht :S. -
Hier habe ich den scriot für ein Popup-Fenster. Kannst du die größe selber eistellen und es öffnet auch nur auf anklicken. Natürlich kannst du auch reintun, was du willst.
<head>
</SCRIPT>
<script type="text/javascript">
function popup (url) {
fenster = window.open(url, "Popupfenster", "width=450,height=450,scrollbars=yes");
fenster.focus();
return false;
}
</script>
</head>
<body>
<a href="deineSeite.html" target="_blank" onclick="return popup(this.href);"><img src="DeinElement.png" border="0"</a>
</body>
Es gibt aber noch einen anderen Script, wo nur beim drüberfahren mit der Maus ein kleiner Text, auch mit bild erscheint. Muß nur mal überlegen, wo ich ihn herhabe. Denn dazu muß man sich drei Dateien mit in den Ordner laden, wo die anderen Dateien der HP sind.
Gruß Benny
Beitrag geändert: 4.9.2008 6:47:06 von benny66 -
Danke für die Antworten,
habe es nun gefunden, hier der Code:
<html><head> <script type="text/javascript"> function zeigen(was){ var out = document.getElementById("out"); out.firstChild.nodeValue=was; out.style.left = window.event.clientX; out.style.top = window.event.clientY; } function verstecken(){ var out = document.getElementById("out"); out.style.top='-200px'; } </script> </head><body > <div id="out" style="position:absolute; top:-200px; left:200px; border: solid 1px black; position: absolute; background-color: #FFF;" > Text Test 1 </div> <img src="27.jpg" onmouseover="zeigen('Hilfetext: du bist auf dem Bild 27.jpg');" onmouseout="verstecken();"> <div style="width=150px" onmouseover="zeigen('Hilfetext: Ein Eventhandler überwacht Ereignisse ');" onmouseout="verstecken();"> was ist ein Eventhandler? </div> </body ></html> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
