« »

Offer your visitors a quick description or more information about a JavaScript link before they visit it. When they put their cursor over a JavaScript link a layer will appear describing the link. Your visitors will appreciate the extra effort, and it looks great too.

Label: Description Layer

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- Begin
function setupDescriptions() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();
}
var x,y,a,b;
function setVariables(){
if (navigator.appName == "Netscape") {
h=".left=";
v=".top=";
dS="document.";
sD="";
}
else 
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
   }
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function popLayer(a){
desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>";

if (a==1) desc += "The JavaScript Source Home Page!";
if (a==2) desc += "Updates on all the latest scripts added to the site!";
if (a==3) desc += "Browser our Table of Contents page!";
if (a==4) desc += "Get JavaScript assistance in our JS forum!";
if (a==5) desc += "Get the answers to our commonly asked JS questions!";

desc += "</td></table>";

if(isNav) {
document.object1.document.write(desc);
document.object1.document.close();
document.object1.left=x+25;
document.object1.top=y;
}
else {
object1.innerHTML=desc;
eval(dS+"object1"+sD+h+(x+25));
eval(dS+"object1"+sD+v+y);
   }
}
function hideLayer(a){
if(isNav) {
eval(document.object1.top=a);
}
else object1.innerHTML="";
}
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX;
y = (isNav) ? e.pageY : event.clientY;
}
if (isNav){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//  End -->
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY OnLoad="setupDescriptions()">
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">

	layer hidden off the screen</div>
<a href="http://javascriptbank.com" onMouseOver="popLayer(1)" onMouseOut="hideLayer(-50)">
Home Page</a>
<p>
<a href="http://javascriptbank.com/" onMouseOver="popLayer(2)" onMouseOut="hideLayer(-50)">
What&#39;s New?</a>
<p>
<a href="http://javascriptbank.com/" onMouseOver="popLayer(3)" onMouseOut="hideLayer(-50)">
Site Contents</a>
<p>
<a href="http://javascriptbank.com/" onMouseOver="popLayer(4)" onMouseOut="hideLayer(-50)">

JavaScript Forum</a>
<p>
<a href="http://javascriptbank.com/" onMouseOver="popLayer(5)" onMouseOut="hideLayer(-50)">
JavaScript FAQs</a>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (2)
Write

by LÃƒÂ¢m, 01/09/2008 04:09 PM
Hieu ung kt tren firefox 3 bi loi Reply

Hiá»‡u á»©ng nÃ y cháº¡y trÃªn firefox 3 ko Ä‘Æ°á»£c, mong ngÆ°á»i viáº¿t bÃ i nÃ y giÃºp Ä‘á»¡.

by Cao Phong, 04/09/2008 08:09 PM
Reply

cÃ³ nhiá»u hiá»‡u á»©ng khÃ¡c cÃ³ chá»©c nÄƒng tÆ°Æ¡ng tá»±, báº¡n vui lÃ²ng chá»‹u khÃ³ tÃ¬m giÃºp nhÃ©

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Randy Bennett [more]
2,854
2
0
0
4.28 KBytes

JavaScript Description Layer

0/5 0 votes / 2,854 previews / 2 comment 30/01/2007 Offer your visitors a quick description or more information about a JavaScript link befo...JavaScript Description Layer - Description Layer

pactimza tts215 ngositu[2] jhtforever sstorm6789 nguyentoan136[2] duongdangquoc trimao hiepsixike[3] Cao Phong

Let's be first member to do this

JavaScript by day

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Description Layer

Label: Description Layer (adsbygoogle = window.adsbygoogle || []).push({});

Free iPage Web Hosting for First Year NOW

Write your comment

JavaScript by day

Label: Description Layer