Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Программирование на JavaScript: просто о сложном.






Всем ценителям яваскриптов – добрый день.
В данном выпуске мы на примере покажем такой яваскрипт, как вертикальный скроллинг. Конечно, этот скрипт не так часто используется в различных веб-приложениях. Ведь довольно сложно уследить за вертикально бегущей строкой текста. Однако, несмотря на это, веб-мастера нередко вставляют фрагменты этого скрипта в свои страницы, тем самым просто украшая его и делая динамичными.

Ну а если вы захотите еще больше узнать и программировании и создании приложений - заходите на вот этот ресурс и скачивайте книги по программированию.

Итак, скрипт вертикального скроллинга текста:
<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
msg ="Вертикальный текст – очень интересно";
align="center";
speed=200; //скорость
up=true;
spas=" ";
for (a=0;a<=12;a++) {spas+=" "}
msg=spas+msg+spas;
j=eval(-1);
stop=msg.length;
document.write("<form name='form'><table border=0 cellspacing=0 "
+"cellpadding=0 align="+align+">");
for (i=1;i<=13;i++) {
document.write("<tr><td><input style="\"background-color:" #ffffff; font-size: 12pt; font-family: Arial; color: #999999; border-style: solid; border-width: 0\" type=text name=\"box"+i+"\" size=1>");
document.write("</td></tr>");
}
document.write("</table></form>");
function scrollIt() {
j++;
with (document.form) {
if ((j+12) <= stop) {
box1.value = msg.charAt(j);
box2.value = msg.charAt(j+1);
box3.value = msg.charAt(j+2);
box4.value = msg.charAt(j+3);
box5.value = msg.charAt(j+4);
box6.value = msg.charAt(j+5);
box7.value = msg.charAt(j+6);
box8.value = msg.charAt(j+7);
box9.value = msg.charAt(j+8);
box10.value = msg.charAt(j+9);
box11.value = msg.charAt(j+10);
box12.value = msg.charAt(j+11);
box13.value = msg.charAt(j+12);
} else {
j=0;
}
}
setTimeout("scrollIt()",speed);
}
scrollIt();
// End -->
</SCRIPT>

</BODY>




До следующей встречи.

Владимир Максимишин

В избранное