	free hosting image hosting hosting reseller online album e-shop famous people

JAVASCRIPT SOURCE CODE

JAVASCRIPT BOTTOM SLIDE

Javascript Code

This javascript code will make a bottom slide tips when the mouse over the links. Place the two part javascript within HEAD and BODY section to make it works!

Put this javascript source code into your HEAD section :

Click here for demo

<script type="text/javascript"> var description=new Array() description[0]='http://tipstricks.sinfree.net providing many Javascript tipstricks' description[1]='<b>http://tipstricks.sinfree.net providing many Computer tipstricks' description[2]='<i>http://tipstricks.sinfree.net providing many Adsense tipstricks' iens6=document.all\|\|document.getElementById ns4=document.layers var thename var theobj var thetext var winHeight var winPositionFromTop var winWidth var startH=2 var openTimer function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function setObj(text,theswitch,inwidth,inheight) { thetext=text if(iens6){ thename = "viewer" theobj=document.getElementById? document.getElementById(thename):document.all.thename winHeight=100 if(iens6&&document.all) { winPositionFromTop=!window.opera? ietruebody().clientHeight : document.body.clientHeight winWidth=(ietruebody().clientWidth-ietruebody().leftMargin) } if(iens6&&!document.all) { winPositionFromTop=window.innerHeight winWidth=(window.innerWidth-(ietruebody().offsetLeft+30)) } if(theswitch=="override") { winWidth=inwidth winHeight=inheight } theobj.style.width=winWidth+"px" theobj.style.height=startH+"px" if(iens6&&document.all) { theobj.style.top=ietruebody().scrollTop+winPositionFromTop+"px" theobj.innerHTML = "" theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='arial' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>") } if(iens6&&!document.all) { theobj.style.top=window.pageYOffset+winPositionFromTop+"px" theobj.innerHTML = "" theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>" } } if(ns4){ thename = "nsviewer" theobj = eval("document."+thename) winPositionFromTop=window.innerHeight winWidth=window.innerWidth winHeight=100 if(theswitch=="override") { winWidth=inwidth winHeight=inheight } theobj.moveTo(0,eval(window.pageYOffset+winPositionFromTop)) theobj.width=winWidth theobj.clip.width=winWidth theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=1><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>") theobj.document.close() } viewIt() } function viewIt() { if(startH<=winHeight) { if(iens6) { theobj.style.visibility="visible" if(iens6&&document.all) { theobj.style.top=(ietruebody().scrollTop+winPositionFromTop)-startH+"px" } if(iens6&&!document.all) { theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH+"px" } theobj.style.height=startH+"px" startH+=2 openTimer=setTimeout("viewIt()",10) } if(ns4) { theobj.visibility = "visible" theobj.moveTo(0,(eval(window.pageYOffset+winPositionFromTop)-startH)) theobj.height=startH theobj.clip.height=(startH) startH+=2 openTimer=setTimeout("viewIt()",10) } }else{ clearTimeout(openTimer) } } function stopIt() { if(iens6) { theobj.innerHTML = "" theobj.style.visibility="hidden" startH=2 } if(ns4) { theobj.document.write("") theobj.document.close() theobj.visibility="hidden" theobj.width=0 theobj.height=0 theobj.clip.width=0 theobj.clip.height=0 startH=2 } } </script> <!-- Got more script at http://tipstricks.sinfree.net - Angellica2017 -->

Put this javascript source code into your BODY section :
<layer name="nsviewer" bgcolor="#FFFFCC" style="border-width:thin;z-index:1"></layer> <script type="text/javascript"> if (iens6){ document.write("<div id='viewer' style='background-color:#FFFFCC;visibility:hidden;position:absolute;left:0;width:0;height:0;z-index:1;overflow:hidden;border:0px ridge white'></div>") } if (ns4){ hideobj = eval("document.nsviewer") hideobj.visibility="hidden" } </script> <a href="http://cancer.sinfree.net" onmouseover="setObj(description[1],'override',550,30)" onmouseout="clearTimeout(openTimer);stopIt()">Point your mouse here</a> <!-- Got more script at http://tipstricks.sinfree.net - Angellica2017 -->

Back to Javascript tipstricks

Website tipstricks - Adsense tipstricks - Javascript tipstricks - Computer tipstricks - Other tipstricks
© Angel of Airwaves - http://tipstricks.sinfree.net