« »

Add more infotainment to your textlinks. If your visitor puts his mouse over a textlink a flashlike short-message-animation appears. The script allows you to define a differnet message, font-family and font-color for each textlink. Very easy configuration and copy-and-paste installation.

Label: Flashlike message-popup for all your links,

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT>
// CREDITS:
// Flashlike message-popup for all your links
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.

var x,y
var timer
var i_fadestrength=5
var step=1
var maxfontsize=180
var fontsizefactor=maxfontsize/100
var content

function cursorposition(e){
	x=event.clientX+document.body.scrollLeft
	y=event.clientY+document.body.scrollTop
}

function showmessage(whatmessage, whatfont, whatcolor) {
	if (document.all) {
		content="<nobr><font color="+whatcolor+" face="+whatfont+">"+whatmessage+"</font><nobr>"
		ring.innerHTML=content
		resizemessage()
	}
}

function resizemessage() {
if (document.all) {
	ring.filters.alpha.opacity=Math.floor(100-i_fadestrength)
	if (i_fadestrength>=120) {i_fadestrength=0;step=1}
	document.all.ring.style.visibility="visible"
	document.all.ring.style.fontSize=i_fadestrength*fontsizefactor
	document.all.ring.style.posLeft=x-(Math.floor(i_fadestrength/1.3*fontsizefactor))
	document.all.ring.style.posTop=y-(Math.floor(i_fadestrength/1.4*fontsizefactor))	
	step+=1.5
	i_fadestrength+=step
	timer=setTimeout("resizemessage()",50)
}
}

function hidemessage(e){
if (document.all) {
	clearTimeout(timer)
	document.all.ring.style.visibility="hidden"
	i_fadestrength=5
	step=1
}
}

if (document.all) {
	document.onmousemove=cursorposition;
}

if (document.all) {
	document.write("<DIV id='ring' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
	document.write("<DIV style='position:relative;'>")
}
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

Just move your mouse over

<a onmouseout="hidemessage()" onmouseover="showmessage('JavaScriptBank.com','Verdana','FF6666')" href="http://javascriptbank.com"> 
this textlink</a>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->