Mouse Over and Poof

[Total: 0    Average: 0/5]

When you mouse over the links, different DHTML objects show up.

Body Code:

<Script Language="Javascript">

bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}

// Here your Ballon Images

link[0]=new dspl('<img src="/js/pic1.gif" width=50 height=50 border=0>','#000000',110,170)
link[1]=new dspl('<img src="/js/pic2.gif" width=50 height=50 border=0>','#000000',100,330)
link[2]=new dspl('<img src="/js/pic3.gif" width=50 height=50 border=0>','#000000',120,10)
// Do not edit anything else in the script

function don(x){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

</Script>
<Div id="linkex" style="position:absolute; visibility: hidden; width=19%"></Div>
<Layer name="linkex" visibility="hide" width=19%></Layer>

<font face="MS Sans Serif" size="2"><br>
<a href="#" onmouseover="don(2);window.status='Two'; return true" onmouseout="doff()"><img src="/js/pic4.gif" width=50 height=50 border=0><br></a>
<a href="#" onmouseover="don(0);window.status='Zero'; return true" onmouseout="doff()">Acccess no 1</a>

<BR><BR>
<a href="#" onmouseover="don(1);window.status='One'; return true" onmouseout="doff()">Access no 2</a><br>

Times Viewed: 2

Leave a Reply

Your email address will not be published. Required fields are marked *