[DHTMLTipMessage]



Es gibt sehr viele Möglichkeiten, was sie mit den DHTML Tips alles anstellen können.
Dies sind nur einige davon. Für mehr Templates und Informationen besuchen Sie bitte die Webseite des Autoren.

Sie können einen Titel über Ihren Tip setzen oder auch nicht. Sie können Ihren Tip rechts ausrichten oder zentriert oder aber auch links oder fliessend oder fixiert (Sie müssen nach oben scrollen, um dies zu sehen).
Sie können Ihren Tip sticky mit einem "close" Link versehen oder ihn fix mit der Maus durch die Seite wandern lassen.
Sie können auch die linken und die Top- Abstände der Nachrichten von der Maus kontrollieren. Sie können ebenso visuelle Effekte einsetzen (bei IE 5.5+). Sie können den kompletten Style für jede TipMessage bei Verwendung unterschiedlicher Style Arrays in der stm Funktion ändern. Ausserdem können Sie jeden beliebigen HTML Tag einsetzen.

Variante der Tooltips Serie; Eine Beschreibung ist im ZIP File enthalten.

[Code]

[zwischen <HEAD> und </HEAD>]

<SCRIPT language="JavaScript1.2" src="main.js"type="text/javascript"></SCRIPT>

[zwischen <BODY> und </BODY>]

<DIV id="TipLayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100"></DIV>
<SCRIPT language="JavaScript1.2" src="style.js" type="text/javascript"></SCRIPT>

<BR><BR>
<P>Es gibt sehr viele Möglichkeiten, was sie mit den DHTML Tips alles anstellen können.
<br>Dies sind nur einige davon. Für mehr Templates und Informationen besuchen Sie bitte die Webseite des Autoren.
</P>

<P>Sie können einen
<A href="#" onMouseOver="stm(Text[14],Style[12])" onMouseOut="htm()">Titel</a> über Ihren Tip setzen oder
<A href="#" onMouseOver="stm(Text[15],Style[12])" onMouseOut="htm()">auch nicht</a>. Sie können Ihren Tip
<A href="#" onMouseOver="stm(Text[3],Style[12])" onMouseOut="htm()">rechts</A> ausrichten oder
<A href="#" onMouseOut="htm()" onMouseOver="stm(Text[4],Style[1])">zentriert</A> oder aber auch
<A href="#" onMouseOver="stm(Text[5],Style[2])" onmouseout="htm()">links</A> oder
<A href="#" onMouseOver="stm(Text[6],Style[3])" onMouseOut="htm()">fliessend </A>oder
<A href="#" onMouseOver="stm(Text[7],Style[4])" onMouseOut="htm()">fixiert</A> (Sie müssen nach oben scrollen, um dies zu sehen).
<br>Sie können Ihren Tip <A href="#" onMouseOver="stm(Text[8],Style[5])" onmouseout="htm()">sticky</A>
mit einem "close" Link versehen oder ihn
<A href="#" onMouseOver="stm(Text[9],Style[6])" onMouseOut="htm()">fix</A> mit der Maus durch die Seite wandern lassen.<BR>
Sie können auch die <A href="#" onMouseOut="htm()" onMouseOver="stm(Text[10],Style[7])">linken</A> und die
<A onMouseOver="stm(Text[11],Style[8])" href="#" onMouseOut="htm()">Top-</A> Abstände der Nachrichten von der Maus kontrollieren.
Sie können ebenso <A href="#" onMouseOver="stm(Text[12],Style[9])" onmouseout="htm()">visuelle Effekte</A> einsetzen (bei IE 5.5+).
Sie können den
<A href="#" onMouseOver="stm(Text[13],Style[10])" onMouseOut="htm()">kompletten Style</A> für jede TipMessage
bei Verwendung unterschiedlicher Style Arrays in der stm Funktion ändern.
Ausserdem können Sie jeden beliebigen <A href="#" onMouseOver="stm(Text[16],Style[12])" onMouseOut="htm()"> HTML Tag</A> einsetzen.</P>

[Autor]

Essam Gamal 2003

[Download]

Copyright © 1998- Nightfire Webworker Archiv Script No: 478