Explicació del lloc on du un link


Una altra manera d'informar del lloc on ens redirigirà un link si pitjam damunt ell. Aquesta vegada amb un scroll dins una caixa de text completament configurable.

<script language=javaScript>
// width of the ticker
var tickerwidth=175

// height of the ticker
var tickerheight=100

// distance from the messagetext to the tickermarrgin (pixels)
var tickerpadding=5

// borderwidth of the ticker (pixels)
var borderwidth=2

// font-family
var fnt="Verdana"

// font-size of the text
var fntsize=8

// font-size of the last letter of the ticker
var fntsizelastletter=8

// font-color of the text
var fntcolor="FF8800"

// font-color of the last letter of the ticker
var fntcolorlastletter="FFFFFF"

// font-weight. Set a value between 1 to 9 to adjust the boldness
var fntweight=3

// backgroundcolor
var backgroundcolor="000000"

// standstill between the messages (microseconds)
var standstill=2000

// speed (a higher value will slow down the ticker)
var speed=40

// horizontal distance from the textlink to the popupbox (pixels)
var xdistance=50

// vertical distance from the textlink to the popupbox (pixels)
var ydistance=20

// No canvieu el codi a partir d'aqui
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;

// - End of JavaScript - -->
</script>

 

<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>

<ul>
<b>
<font size=1 face=Verdana>
<a href="http://www.mallorcaweb.net/sacabaneta" onMouseOver="showmessage('Informació meteorològica local de Sa Cabaneta al terme municipal de Marratxí. Ennllaços a llocs relacionats amb la meteorologia. Historial meteorològic del poble.')" onMouseOut="hideticker()" target="_blank"><font color=red>EL TEMPS A SA CABANETA</font></a> |

<a href="http://www.amantispalma.net/index.htm" onMouseOver="showmessage('Si cerques companyia de qüalsevol tipus... parella, amistad, etc. visita aquesta pàgina i segur que en sortiràs satisfet.')" onMouseOut="hideticker()" target="_blank"><font color=red>SA CABANETA</font></a> |

<a href="http://www.portula.net/" onMouseOver="showmessage('La revista de Marratxí, amb informació de tot el que passa a aquest terme municipal. Enllaços a llocs d´interés')" onMouseOut="hideticker()" target="_blank"><font color=red>PÒRTULA</font></a>
</font></B>
</ul>

Copiau tot el codi que hi ha entre <script language=javaScript> i </script> just abans del tag </head>. La part que està en color verd és la que podeu modificar del codi, aqui poreu canviar el valor de les variables per ajustar la configuració de les finestres, amplària, altura, color de fons, colors de les lletres.... etc. Per exemple, per ajusta l'amplària de la finestra canviau el valor de var tickerwidth=175, (canviau el 175 per l'amplària que necessiteu ). Llavors el text amn negre i blau el col·locau en el lloc de la pàgina on volgueu que aparesquin els link. Només canviau el text de blau pel vostre propi. Aqui també poreu canviar al vostre gust el color i tamany del text.


Tornar