»
AnglaisFran�aisVietnamien

Imprimer - Sliding Menu Image - JavaScriptBank.com

Version compl�te: jsB@nk » Menu » Flottables » Sliding Menu Image
URL: https://www.javascriptbank.com/menu-sliding-image-index.html

Sliding Menu Image © JavaScriptBank.com(Internet Explorer seulement) fournit une JavaScript navigation JavaScript menu avec un déplacement image derrière le menu. Le code utilise un GIF image de créer un JavaScript menu animation avec background-image.

Version compl�te: jsB@nk » Menu » Flottables » Sliding Menu Image
URL: https://www.javascriptbank.com/menu-sliding-image-index.html



CSS
<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-->


JavaScript
<SCRIPT LANGUAGE="JavaScript">// Daniel Dhillon ([email protected])<!-- 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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/menu/menu.gifhttp://javascriptbank.com/javascript/menu/bl_grad.jpghttp://javascriptbank.com/javascript/menu/blank.gif