Ticker - Link-Popup

Eine besondere Art der Linktipps ist mit einem Ticker-Popup möglich. Die einzelnen Attribute können individuell und somit der Seitengestaltung angepasst werden. Diese Details befinden sich im oberen Teil des Scripts. Am Ende dann die Links, auf die die Attribute angewendet werden - mit den entsprechenden erläuternden Texten. Diese können dann recht umfangreich und aussagekräftig sein. Hier nun das anpassbare Script: <script language=javaScript><!-- var tickerwidth=150 // Breite des Tickers var tickerheight=150 // Höhe des Tickers var tickerpadding=10 // Entfernung des Textes vom Rand (tickermarrgin) var borderwidth=4 // Border/Rand var fnt="Verdana" // Schriftart var fntsize=10 // Schriftgröße var fntsizelastletter=10 // Schriftgröße nach dem Scrollen var fntcolor="white" // Schriftfarbe var fntcolorlastletter="red" // Schriftfarbe des Scrollbuchstaben var fntweight=3 // Schriftstil var backgroundcolor="000000" // Hintergrundfarbe var standstill=2000 // Stillstand in Millisekunden var speed=60 // Geschwindigkeit beim Überfahren mit der Maus var xdistance=50 // Entfernung vom Link var ydistance=20 // Entfernung vom Link // Nichts ändern ab hier bitte var timer var topposition=0 var leftposition=0 var x,y var i_substring=0 var i_presubstring=0 var i_message=0 var message var messagecontent="" var messagebackground="" var messagepresubstring="" var messageaftersubstring="" fntweight=fntweight*100 function getmessagebackground() {messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>" messagebackground+="&nbsp;</td></tr></table>"}function getmessagecontent() { messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>" messagecontent+="<font color='"+fntcolor+"'>" messagecontent+=messagepresubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>" messagecontent+="<font color='"+fntcolorlastletter+"'>" messagecontent+=messageaftersubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="</td></tr></table>"}function showticker() { if (i_substring<=message.length-1) { i_substring++ i_presubstring=i_substring-1 if (i_presubstring<0) {i_presubstring=0} messagepresubstring=message.substring(0,i_presubstring) messageaftersubstring=message.substring(i_presubstring,i_substring) getmessagecontent() if (document.all) { ticker.innerHTML=messagecontent timer=setTimeout("showticker()", speed) } if (document.layers) { document.ticker.document.write(messagecontent) document.ticker.document.close() timer=setTimeout("showticker()", speed) }} else { clearTimeout(timer)}}function hideticker() { clearTimeout(timer) i_substring=0 i_presubstring=0 if (document.all) { document.all.ticker.style.visibility="hidden" document.all.tickerbg.style.visibility="hidden" } if (document.layers) { document.ticker.visibility="hidden" document.tickerbg.visibility="hidden" }}function showmessage(linkmessage) { getmessagebackground() message=linkmessage i_substring=0 i_presubstring=0 leftposition=x+xdistance topposition=y+ydistance if (document.all) { document.all.ticker.style.posLeft=leftposition document.all.ticker.style.posTop=topposition document.all.tickerbg.style.posLeft=leftposition document.all.tickerbg.style.posTop=topposition tickerbg.innerHTML=messagebackground document.all.ticker.style.visibility="visible" document.all.tickerbg.style.visibility="visible" showticker() } if (document.layers) { document.ticker.left=leftposition document.ticker.top=topposition document.tickerbg.left=leftposition document.tickerbg.top=topposition document.tickerbg.document.write(messagebackground) document.tickerbg.document.close() document.ticker.visibility="visible" document.tickerbg.visibility="visible" showticker() }}function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY}if (document.layers){ document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;// --></script><DIV ID="tickerbg" style="position:absolute;"></DIV> <DIV ID="ticker" style="position:absolute;"></DIV><a href="datei.htm" onMouseOver="showmessage('Text von Ihnen bitte hier.')" onMouseOut="hideticker()" target="_blank"><font class="sln">Linktext 1</font></a> | <a href="datei.htm" onMouseOver="showmessage('Auch hier kommt dann wieder Ihr Text hin!')" onMouseOut="hideticker()" target="_blank"><font class="sln">Linktext 2</font></a> | <a href="datei.htm" onMouseOver="showmessage('Es ist dabei durchaus möglich, einen relativ langen und aussagekräftigen Text einzubinden.')" onMouseOut="hideticker()" target="_blank"><font class="sln">Linktext 3</font></a> Eine - zumindest aus meiner Sicht - ganz interessante Spielart, um zusätzliche Informationen zu einem Link zu geben.