Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu với ảnh nền động
URL: https://www.javascriptbank.com/menu-sliding-image-index.html
Đoạn mã dùng hình ảnh để tạo ra một trình đơn với các mục chọn ter6n trang web, sau đó dùng thêm các ảnh phụ để làm cho trình đơn sống động hơn với ảnh nền chạy qua lại.
Phiên bản đầy đủ: jsB@nk » Trình đơn » Có thể di chuyển » Menu với ảnh nền động
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