Начало
Сообщения
Информационная Коробка
Разместите на своей странице, чтобы показать большую информацию Вашим посетителям быстро и эффективно.
JavaScript Messages: Информационная Коробка
<!-- TWO STEPS TO INSTALL INFORMATION BOX: 1. Paste the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! > <!--- Begin var CurrentMsg = 'hello '; function update(msg) { var pad_str=""; n = msg.length; if(n<72) { pad = (73-n)/2; for(var i=0; i<pad; i++) { pad_str+=" "; } } CurrentMsg = pad_str + msg; document.messages.field.value = CurrentMsg; clearTimeout(timer); timer = setTimeout("idleMsg()",4000); } function MakeArray(n) { this.length=n; for(var i = 1; i<= n; i++) { this[i] = ""; } return(this); } var index = 1; var notice_num = 10; var notices = new MakeArray(notice_num); notices[1] = "Welcome to JavaScript "; notices[2] = "This is another neat script that I ran into in my travels..."; notices[3] = "You can use this script on your own web page to easily"; notices[4] = "and effectively present any information you want."; notices[5] = "Could you picture what you could do with this?"; notices[6] = "Maybe display upcoming events, notices, or whatever works for you."; notices[7] = "Well, take this script, and let me know how it turns out."; notices[8] = "I forget to mention you can change the text and the speed -"; notices[9] = "Just change (\"idleMsg()\",4000) to the speed you want."; notices[10] = "Be sure to remember that the time is in milliseconds! Repeating...."; var timer = setTimeout('idleMsg()',4000); function nochange() { document.messages.field.value = CurrentMsg; } function idleMsg() { update(notices[index++]); if(index>notice_num) { index=1; } } // End --> </SCRIPT> <!-- STEP TWO: Put this code into the BODY of your HTML document --> <BODY> <CENTER> <FORM name="messages" onSubmit="return false"> <input type="text" name="field" size=73 value="" onFocus="self.status='This is a JavaScript info. field'; return true" onChange="nochange()"> </FORM> </CENTER> <!-- Script Size: 2.92 KB -->