Начало
Scrolls
Редактор
Вы можете управлять несколькими различными переменными, а затем посмотреть воздействия на полосы прокрутки.
Edit box
Message:
Speed:
Change:
JavaScript Scrolls:редактор
<!-- THREE STEPS TO INSTALL EDITOR: 1. Paste the coding into the HEAD of your HTML document 2. Copy the onLoad event handler into the BODY tag 3. 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 id,pause=0,position=0; function banner() { var i,k,msg=document.form1.message.value; k=(66/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.form2.banner.value=msg.substring(position,position+50); if(position++==document.form1.message.value.length) position=0; id=setTimeout("banner()",1000/document.form1.speed.value); } function action() { if(!pause) { clearTimeout(id); pause=1; } else { banner(); pause=0; } } // End --> </SCRIPT> <!-- STEP TWO: Add this onLoad event handler into the BODY tag --> <BODY onLoad="banner()"> <!-- STEP THREE: Put this code into the BODY of your HTML document --> <CENTER> <FORM name="form1"> <TABLE border="3"> <caption>Edit box</caption> <tr><td align="right">Message:</td> <td><input type="text" name="message" value="This is a scroll - a text box scroll. " size="50"></td></tr> <tr><td align="right">Speed:</td> <td><input type="text" name="speed" value="10" size="5"></td></tr> <tr><td align="right">Change:</td> <td><center><input type="button" value=" Click here to make changes take effect" onclick="clearTimeout(id);position=0;banner()"></center></td></tr> </TABLE> </FORM> <p> <hr size="4" width="40%"> <p> <FORM name="form2"> <input type="text" name="banner" size="50"><br> <input type="hidden" value=" Start Banner " onclick="action()"> </FORM> </CENTER> <!-- Script Size: 1.89 KB -->