Plain Code

<!doctype transitional//en 4.01 -//w3c//dtd public html>

<!--  Created with the CoffeeCup HTML Editor 2008  -->
<!--           http://www.coffeecup.com/           -->
<!--        Brewed on 7/12/2008 6:37:17 AM         -->
<script language="JavaScript1.2">
// Author: Ron Grafe grafer@columbus.rr.com http://www.gdevresources.com/Pages/Scripts/BottomSlider/bottomslider.htm
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
 <!-- Browser Check -->
iens6=document.all||document.getElementById
ns4=document.layers
<!--GLOBAL VARIABLES-->
var thename
var theobj
var thetext
var winHeight
var winPositionFromTop
var winWidth
var startH=2
var openTimer
<!--END GLOBAL VARIABLES-->
<!--DEFINE MOUSEOVER CONTENT-->
var textArray = new Array
textArray[1]="<font face="Arial" size="2"><strong>SimplytheBest DHTML Scripts & Javascripts</strong><br>A collection of the best scripts on the Internet. You'll find ready-to- go DHTML Scripts & Javascript.<br><br>You get the message....you can put just about anything in here that describes the link. This has an active link, if you click it you will go to the site.<br>In this example textArray element number 1 is passed to the function to define the text we want. Default width and height are used.</font><br>"
textArray[2]="<font face="Arial" size="2"><h2>Information</h2>Using it this way would allow you to enter any type of help/text information. \(i.e. menu help, form help, etc.. \).<br><br>In this example textArray element number 2 is passed to the function to define the text we want. Then we overrode the default width/height setting by passing the word 'override' and providing the new width and height values to the function.<br>"
textArray[3]="<img border="0" width="146" src="http://planmagic.com/images/plmbiz.jpg" height="50" align="left"><font face="Arial" size="3"><b> PlanMagic Business<br> </font><font face="Arial" size="2">Professional business planning software</b><br><br>This example uses it like an Ad Box. You can add any graphics and text combination in the window.<br>In this example textArray element number 3 is passed to the function to define the text we want. Width and height are defined.</font><br>"
<!--END DEFINE MOUSEOVER CONTENT-->
<!--GLOBAL FUNCTIONS-->
function setObj(elementpos,theswitch,inwidth,inheight) {
    thetext=textArray[elementpos]
    if(iens6){
        thename = "viewer"
        theobj=document.getElementById? document.getElementById(thename):document.all.thename
        winHeight=100
            if(iens6&&document.all) {
                winPositionFromTop=document.body.clientHeight
                winWidth=(document.body.clientWidth-document.body.leftMargin)
            }
            if(iens6&&!document.all) {
                winPositionFromTop=window.innerHeight
                winWidth=(window.innerWidth-(document.body.offsetLeft+20))
            }
            if(theswitch=="override") {
                winWidth=inwidth
                winHeight=inheight
            }
        theobj.style.width=winWidth
        theobj.style.height=startH
            if(iens6&&document.all) {
                theobj.style.top=document.body.scrollTop+winPositionFromTop
                theobj.innerHTML = ""
                theobj.insertAdjacentHTML("BeforeEnd","<table border="1" cellspacing="0" width="+winWidth+" height="+winHeight+"><tr><td valign="top" width="100%"><font style="color:black;font-weight:normal" size="2" type="times">"+thetext+"</font></td></tr></table>")
            }
            if(iens6&&!document.all) {
                theobj.style.top=window.pageYOffset+winPositionFromTop
                theobj.innerHTML = ""
                theobj.innerHTML="<table border="1" cellspacing="0" width="+winWidth+" height="+winHeight+"><tr><td valign="top" width="100%"><font style="color:black;font-weight:normal" size="2" type="times">"+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 border="1" cellspacing="0" width="+winWidth+" height="+winHeight+"><tr><td valign="top" width="100%"><font style="color:black;font-weight:normal" size="2" type="times">"+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=(document.body.scrollTop+winPositionFromTop)-startH
                }
                if(iens6&&!document.all) {
                    theobj.style.top=(window.pageYOffset+winPositionFromTop)-startH
                }
            theobj.style.height=startH
            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
    }
}
<!--END GLOBAL FUNCTIONS-->
</script>
  
  
  
  
  


<layer style="border-width:thin;z-index:1" name="nsviewer" bgcolor="#EAFFF4"></layer>
<script language="JavaScript1.2">
if (iens6){
document.write("<div id="viewer" style="background-color:#EAFFF4;marginleft:0;visibility:hidden;position:absolute;width:0;height:0;z-index:1;overflow:hidden;border:2px ridge white"></div>")
}
if (ns4){
    hideobj = eval("document.nsviewer")
    hideobj.visibility="hidden"
}
</script>


<a onmouseover="setObj(1)" onmouseout="clearTimeout(openTimer);stopIt()" 
href="http://clickonbux.blogspot.com/">SimplytheBest DHTML Scripts & Javascripts</a></!doctype>