Mystic_gohan
Founder
Posts : 75
RS points : 26796
your rating by users : 1
Join date : 2009-08-21
|
Subject: adding a floating menu Thu Sep 10, 2009 5:58 pm |
|
|
if (!document.layers) document.write('')
/* 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 */
//Enter "frombottom" or "fromtop" var verticalpos="frombottom"
if (!document.layers) document.write(' ')
function JSFX_FloatTopDiv() { var startX = 3, startY = 150; 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();
can you see down near your toolbar ? you can add images or links there . the code is - Code:
-
<script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script>
<layer id="divStayTopLeft">
<!--Source Of Your Menu-->
<div style="position:fixed; bottom:30px; right:20px; padding:5px; background:white; border:1px solid #666; color : #333; width:150px; min-height:100px;">
<a href="LINK URL HERE">TEXT</a><br /> <a href="LINK URL HERE">TEXT</a><br /> <a href="LINK URL HERE">TEXT</a><br /> <a href="LINK URL HERE">TEXT</a><br /> <a href="LINK URL HERE">TEXT</a>
</div>
<!--END OF Menu-->
</layer>
<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 */
//Enter "frombottom" or "fromtop" var verticalpos="frombottom"
if (!document.layers) document.write('</div>')
function JSFX_FloatTopDiv() { var startX = 3, startY = 150; 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> add this code to homepage message to it should work .
|
|