Chữ xuất hiện trong khung

[JavaScriptBank]

Hiệu ứng sẽ hiển thị chữ trong khung theo thứ tự lần lượt khi người dùng nhấn vào các phím mũi tên....

You must be registered for see links

You must be registered for see links

Demo:

You must be registered for see links

Cách cài đặt

Bước 1: Copy mã JavaScript bên dưới và dán vào khu vực HEAD trên trang web của bạn
JavaScript

<SCRIPT LANGUAGE="JavaScript">
// James Gough ([email protected])

<!-- Begin
var listOpt = new Array("", "Check", "out", "cool", "javascripts", "at", "JSBank");
var Ex = false;
var Net = false;
var app = navigator.appName.substring(0,1);
if (app == 'N') Net = true; 
else Ex = true;
document.onkeyup = keyUp;
if (Net) document.captureEvents(Event.KEYUP);
function keyUp(ev) {
if (Net) { 
var source = ev.target.name;
if(source) {
if(ev.which == 0 && source == "target_box") cycleUp(source);
   }
}
else if (Ex) {
var source = window.event.srcElement.name;
if(source) {
if(window.event.keyCode == 40 && source  == "target_box") cycleUp(source);
if(window.event.keyCode == 38 && source  == "target_box") cycleDown(source);
      }
   }
}
var arrayIndex = 0;
function cycleUp(source) {
arrayIndex++;
if(arrayIndex > listOpt.length-1) arrayIndex = 0;
var change_box = eval("document.cycleForm." + source);
change_box.value = listOpt[arrayIndex];
}
function cycleDown(source) {
arrayIndex--;
if(arrayIndex < 0) arrayIndex = listOpt.length - 1;
var change_box = eval("document.cycleForm." + source);
change_box.value = listOpt[arrayIndex];
}
//  End -->
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML

<form name="cycleForm">
<input name="target_box" value="" size="25"><br>
</form>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Hiệu ứng cùng chức năng
-

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links

Bạn có thể xem thêm nhiều JavaScript khác về

You must be registered for see links

và

You must be registered for see links

You must be registered for see links

-

You must be registered for see links

-

You must be registered for see links