Floating Menu Script
PayneLess Designs

Since the Document Type must be commented out to allow the script to work, please view menu in the Popup.

Code:

<div style="width: 470px; height: 300px; background-color: 1010ff;">
<script type="text/JavaScript">
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position: absolute; left: 3px; bottom: 200px;">')
</script>

<div id="divStayTopLeft" style="position: absolute; left: 3px; bottom: 200px;">
<layer id="divStayTopLeft"></layer>

<!-- START EDIT BELOW CODE TO YOUR OWN MENU-->
<table style="border: 1px solid #006800; width: 250px; margin: 0; padding: 5px;" summary="Edit Section of Floating Menu">
<tr>
<td  style="text-align: center; width: 100%; background-color: #009000; font-size: 9pt;"><strong>Sites to Visit (or Nav Links)</strong></td>
</tr>

<tr>
<td style="text-align: left; font-size: 8pt; width: 100%; a:hover font-size: 8pt font-weight: bold; color: #00f; background-color: #e0ffff; text-decoration: none;">
	<a href="http://www.paynelessdesign.com/">PayneLess Designs</a><br>
	<a href="http://www.saemg.com/index2.html">Michigan Gamma</a><br>
	<a href="http://www.hstreasures.com/">HS Treasures</a><br>
	<a href="http://www.shoelacebooks.com/">Shoelace Books</a><br>
	<a href="http://bellsouthpwp.net/N/B/NBMinistries/">New Beginnings Ministries & Pictures</a><br>
	<b>Menu Can Be Customized & positioned to Your Style</b></td>
</tr>
</table>
<!-- END OF EDIT-->

<script type="text/javascript">
<!-- HTML TIDY and w3c.org Markup validation will not be happy with this script as <layer> tag is not approved. -->

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('<\/div>')

function JSFX_FloatTopDiv()
{
var startX = 3, //Edit for horizontal positioning//
startY = 150; //Edit for vertical positioning//
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{

var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;

else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}

return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}

else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
</div></div>

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Floating Menu Script
PayneLess Designs

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Floating Menu ScriptPayneLess Designs

Floating Menu Script
PayneLess Designs