Full version: jsB@nk » Menu » Floatable » Menu Sliding Image
URL: https://www.javascriptbank.com/menu-sliding-image-index.html
(Internet Explorer Only) Provides a JavaScript navigation JavaScript menu with a moving image behind the menu. The code uses a GIF image to create a JavaScript menu with animated background-image.
Full version: jsB@nk » Menu » Floatable » Menu Sliding Image
URL: https://www.javascriptbank.com/menu-sliding-image-index.html
<style>BODY{margin-top: 60px;}.clsMenu{LEFT: 400px;POSITION: absolute;TOP: 10px;Z-INDEX: 9}.clsBlue{LEFT: 200px;POSITION: absolute;TOP: 300px;Z-INDEX: 8}.clsLink1{LEFT: 200px;POSITION: absolute;TOP: 300px;Z-INDEX: 10}.clsLink2{LEFT: 272px;POSITION: absolute;TOP: 300px;Z-INDEX: 10}.clsLink3{LEFT: 346px;POSITION: absolute;TOP: 300px;Z-INDEX: 10}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT LANGUAGE="JavaScript">// Daniel Dhillon (daniel@dhillon.com)<!-- Beginie4 = ((navigator.appName == "Microsoft Internet Explorer") &&(parseInt(navigator.appVersion) >= 4 ))ns4 = ((navigator.appName == "Netscape") &&(parseInt(navigator.appVersion) >= 4 ))var FStart = "";var BStart = "";if (ns4) {layerRef="document.layers";styleRef="";} else {layerRef="document.all";styleRef=".style";} function movFwd(which, xstart, xfinish, ystart, yfinish, step, speed){ BStart = "";if (FStart == "") {FStart = xstart;}if (ie4 || ns4) {if (xstart < xfinish) { eval(layerRef + '["' + which +'"]' +styleRef + '.top = ystart');eval(layerRef + '["' + which +'"]' + styleRef + '.left = xstart');xstart = xstart + step; setTimeout("movFwd('" + which + "', " + xstart+ ", " + xfinish + ", " + ystart + ", " + yfinish + ", " + step + ", "+ speed + ")", speed);} else {setTimeout("movBwd('" + which + "', " + xfinish + ", " + FStart+", " +ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed); } }}function movBwd(which, xstart, xfinish, ystart, yfinish, step, speed) {FStart = "";if (BStart == "") {BStart = xstart;}if (ie4 || ns4) {if (xstart > xfinish) { eval(layerRef + '["' + which +'"]' +styleRef + '.top = ystart');eval(layerRef + '["' + which +'"]' + styleRef + '.left = xstart');xstart = xstart - step; setTimeout("movBwd('" + which + "', " + xstart+ ", " + xfinish + ", " + ystart + ", " + yfinish + ", " + step + ", "+ speed + ")", speed);} else {setTimeout("movFwd('" + which + "', " + xfinish + ", " + BStart + ", "+ ystart + ", " + yfinish + ", " + step + ", " + speed + ")", speed); }}}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onLoad="movFwd('bl_grad',400,550,10,300,2,15)"><img src="menu.gif" border=0 class="clsMenu"><img src="bl_grad.jpg" border=0 class="clsBlue" id="bl_grad"><a href="JavaScript:void(0)"><img src="blank.gif" height="16" width="55" border=0 class="clsLink1" alt=home></a><a href="JavaScript:void(0)"><img src="blank.gif" height="16" width="55" border=0 class="clsLink2" alt="Links"></a><a href="JavaScript:void(0)"><img src="blank.gif" height="16" width="54" border=0 class="clsLink3" alt="Contact"></a></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/menu/menu.gifhttp://javascriptbank.com/javascript/menu/bl_grad.jpghttp://javascriptbank.com/javascript/menu/blank.gif