Главная » 2010 » Июнь » 23 » Бегущая радио кнопочка (Javascript)
23.06.2010, 09:23

Бегущая радио кнопочка



Скрипт, конечно, бесполезный, но может быть вы найдете ему применение. Радиокнопки выстроены в линию. Каждая из них постепенно активируется. Создается впечатление, что по радиокнопкам бежит точка.

В body добавляем onload:

Code
<body onLoad="animate()">

и вставляем это:

Quote

<SCRIPT LANGUAGE="JavaScript">
<!--
lay(30)

// set index of lamp to start animation
var current = 0

// set speed (pause in milliseconds between each movement)
var speed = 100

function lay(num) {
// assign "greater than" character to variable
var gt = unescape("%3e")

// open form
document.write("<FORM NAME='animation'" + gt)

// use loop to lay radio buttons down (all buttons in same group)
for (var i = 0; i < num; ++i) {
document.write("<INPUT TYPE='radio' NAME='lamps'" + gt)
}

// close form
document.write("</FORM" + gt)
}

function animate() {
// click next radio button
document.animation.lamps[current].click()

// if radio button is the last one reset variable to 0 (otherwise increment)
current = (current == document.animation.lamps.length - 1) ? 0 : ++current

// recursive call after speed milliseconds
timerID = setTimeout("animate()", speed)
}

// -->
</SCRIPT>

Красное - скорость, с которой точка бежит по радиокнопкам.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2713 | Добавил: antisept | Рейтинг: 2.0/2 |
Теги: радио, бегущая, кнопочка
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]