»
EnglishFrenchVietnamese

Print - Floating Menu II - JavaScriptBank.com

Full version: jsB@nk » Menu » Floatable » Floating Menu II
URL: https://www.javascriptbank.com/floating-images-ii-index.html

Floating Menu II © JavaScriptBank.comFloating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone?

Full version: jsB@nk » Menu » Floatable » Floating Menu II
URL: https://www.javascriptbank.com/floating-images-ii-index.html



JavaScript
<script LANGUAGE="JavaScript1.2">/*Floating image II (up down)- Bruce Anderson (http://appletlib.tripod.com)Submitted to Dynamicdrive.com to feature script in archiveModified by DD for script to function in NS6For 100's of FREE DHTML scripts, Visit http://www.dynamicdrive.com*/var XX=200; // X position of the scrolling objectsvar xstep=1;var delay_time=30;//Begin of the unchangable area, please do not modify this areavar YY=0;  var ch=0;var oh=0;var yon=0;var ns4=document.layers?1:0var ie=document.all?1:0var ns6=document.getElementById&&!document.all?1:0if(ie){YY=document.body.clientHeight;point1.style.top=YY;}else if (ns4){YY=window.innerHeight;document.point1.pageY=YY;document.point1.visibility="hidden";}else if (ns6){YY=window.innerHeightdocument.getElementById('point1').style.top=YY}function reloc1(){if(yon==0){YY=YY-xstep;}else{YY=YY+xstep;}if (ie){ch=document.body.clientHeight;oh=point1.offsetHeight;}else if (ns4){ch=window.innerHeight;oh=document.point1.clip.height;}else if (ns6){ch=window.innerHeightoh=document.getElementById("point1").offsetHeight}if(YY<0){yon=1;YY=0;}if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}if(ie){point1.style.left=XX;point1.style.top=YY+document.body.scrollTop;}else if (ns4){document.point1.pageX=XX;document.point1.pageY=YY+window.pageYOffset;}else if (ns6){document.getElementById("point1").style.left=XXdocument.getElementById("point1").style.top=YY+window.pageYOffset}}function onad(){if(ns4)document.point1.visibility="visible";loopfunc();}function loopfunc(){reloc1();setTimeout('loopfunc()',delay_time);}if (ie||ns4||ns6)window.onload=onad</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="point1" STYLE="position:absolute;visibility:visible;"><!--Configure the table below.--><table width="100" border="1" bordercolor="#BBBBBB" cellspacing="0" cellpadding="4"><tr><td align=center><img src="image1.gif" alt="Menu" width="118" height="45"></td></tr><tr><td align=center><font size="2"><a href="somepage.html">Link One</a></font></td></tr><tr><td align=center><font size="2"><a href="somepage.html">Link Two</a></font></td></tr><tr><td align=center><font size="2"><a href="somepage.html">Link Three</a></font></td></tr><tr><td align=center><font size="2"><a href="somepage.html">Link Four</a></font></td></tr><tr><td align=center><font size="2"><a href="somepage.html">Link Five</a></font></td></tr></table><!--DO NOT EDIT BELOW THIS LINE --></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/menu/Floating_Images_II/image1.gif