• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover??

Status
Für weitere Antworten geschlossen.

Geltos

Mitglied
Als ich in Google ein paar anregungen für ein neues Deisgn gesucht habe bin ich auf diese Seite gestoßen: http://www.realhomepage.de/ wenn man da oben rechts mit der maus über ein Menüwort fährt, erscheint sofort ein kleines Mouseover (ich glaube das heißt so^^) wie kann man so etwas machen? Ich glaube das geht nur mit JavaScript oder?
 
Werbung:
kool dankeschön, wie kann ich den javascript code jetzt in ne externe datei bringen und dann auf der benötigten seite einfügen?
 
Werbung:
Hm bei mir hats funktioniert, aber dann hab ichs eingebaut in die homepage und jetz funktionierts nemmer xD

So sieht jetzt mein head aus:

Code:
<head>
<meta name="description" content="Exis, personal, Homepage">
<meta name="keywords" content="Patrick, Metzler, Metzi, Exis>
<meta name="copyright" content="Patrick Metzler">
<meta name="author" content="Metzi">
<title>Exis</title>
 
<style type="text/css">
<!--
.ToolTipTitel {
color: black;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 10pt;
}
.ToolTipInhalt {
color: black;
font-family: arial, sans-serif;
font-size: 10pt;
}
#ToolTip {
position:absolute;
width: 100px;
top: 0px;
left: 0px;
z-index: 4;
visibility: hidden;
}
-->
</style>
 
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="tooltip.js"></script>
</head>

Direkt danach dies hier:
Code:
<body onmousemove="Starten(event);">
<div id="ToolTip"></div>

dann hab ich halt so meine seite und ganz viele <div blabla></div>'s und irgendwann dann das:
Code:
<a href="#" onMouseover="ToolTip('ToolTip','Titel des Tool-Tips','Hier können Sie beliebigen Text <i>inkl. HTML-Tags</i> notieren.'); Aktivieren();" onMouseout="Deaktivieren();">Fahren Sie zum Testen des Tool-Tips über diesen Text.</a>

ich erkenn da kein fehler drinne, seht ihr da vielleicht einen?
 
Zuletzt bearbeitet:
Man kann so was auch komplett mit CSS machen (z.B. :Hover) und Listenelementen.

Also man braucht net immer JS :smile:
Einfacher ist manchmal besser ^^

mfG
 
Werbung:
Funktioniert schon, man muss sich nur zu helfen wissen ;ugl
(bis ma mal ne Seite findet die des einsetzt :-) )

schaust mal hier :wink:
http://www.cssplay.co.uk/menus/dd_valid.html


setzt das auch bei meinen Menüs ein. Ist zwar am anfang evtl schwieriger zu verstehen als JS (kommt halt drauf an wie vertraut man damit ist) aber es ist aufjedenfall sicherer als JS (alte JS version, deaktiviert, etc.). Soll jetzt net heißen ich könnte net JS *g*

Vorallem lassen sich damit echt tolle sachen machen :-D
 
Zuletzt bearbeitet:
Werbung:
Psyko schrieb:
Funktioniert schon, man muss sich nur zu helfen wissen ;ugl
(bis ma mal ne Seite findet die des einsetzt :-) )

schaust mal hier :wink:
http://www.cssplay.co.uk/menus/dd_valid.html


setzt das auch bei meinen Menüs ein. Ist zwar am anfang evtl schwieriger zu verstehen als JS (kommt halt drauf an wie vertraut man damit ist) aber es ist aufjedenfall sicherer als JS (alte JS version, deaktiviert, etc.). Soll jetzt net heißen ich könnte net JS *g*

Vorallem lassen sich damit echt tolle sachen machen :-D
Natürlich funktioniert das da. Ich sagte doch, das funktioniert im Internet Explorer nur nicht, wenn es keine Links sind. Auf der Seite, die du gepostet hast, sind es aber alles Links.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben