Floating Menu Script [Archive] - Dynamic Drive Forums

vwphillips

12-20-2011, 12:16 PM

1) Script Title: Floating Menu Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

3) Describe problem:

so old and does not work with a doctype

see modification

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
</head>

<body>
<div style="height:2000px;" ></div>
<div id="divStayTopLeft" style="position:absolute;left:200px;">


<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>


</div>

<script type="text/javascript">

/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

function JSFX_FloatTopDiv(verticalpos,startY,inc){
var d=document,ftlObj=d.getElementById('divStayTopLeft'),ud=verticalpos=='fromtop',y,inc=typeof(inc)=='number'&&inc>-1?inc:8;
function wwhs(){
if (window.innerHeight){
return [window.innerHeight-10,window.pageYOffset];
}
else if (d.documentElement.clientHeight){
return [d.documentElement.clientHeight-10,d.documentElement.scrollTop];
}
return [d.body.clientHeight,d.body.scrollTop];
}
y=ud?startY:wwhs()[1]+wwhs()[0]-startY;
function stayTopLeft(){
y+=ud?(wwhs()[1]+startY-y)/inc:(wwhs()[1]+wwhs()[0]-startY-y)/inc;
ftlObj.style.top=y+'px';
setTimeout(function(){ stayTopLeft(); }, 10);
}
stayTopLeft();
}

//parameter 0 = 'frombottom' or 'fromtop'
//parameter 1 = the Y position
//parameter 2 = (optional) the scroll speed. (number, 1 to 100, default = 8)
JSFX_FloatTopDiv('frombottom',200,30);
</script>

</body>

</html>