Скроллинг текста на кнопке
Описание: Текст на кнопке в виде бегущей строке. Весьма интересный скрипт JavaScript, который вполне может быть использован при создании сайта на JavaScript.
Результат работы:
Код javascript (вставлять между тегами <head> и </head>):
<script language="JavaScript">
var id = 0;
var position = 0;
var speed = 50; //Скорость
function scrolling() {
var text = " Michael Rusakov - Personal Web Site";
var k = (60 / text.length)+1;
for(var i = 0; i <= k; i++)
text += " " + text;
document.scrollingbutton.but.value = text.substring(position,position+60);
position++;
if(position == text.length) position=0;
id = setTimeout("scrolling()", speed);
}
function gotoURL() {
location.href = "http://myrusakov.ru"; //Адрес перехода при нажатии на кнопку
}
</script>Код HTML (вставлять между тегами <body onload = "scrolling()"> и </body>):
<form name="scrollingbutton">
<input type="button" style = "width:400px" name = "but" value="M" onclick = "gotoURL()">
</form>C уважением, Михаил Русаков и сайт http://myrusakov.ru.
-
Создано 20.04.2010 20:37:14
-
Михаил Русаков
Комментарии (7):
А как сделать тоже самое, только не в кнопке, а в абзаце?
Ответить
<p>Тут текст как на кнопке</p>, а изменять содержимое <p> надо с помощью свойства innerHTML. Получить этот объект можно с помощью функции getElementById().
Ответить
Вставляю код, все как надо. Браузер отображает только саму рамку без текста. В чом может быть проблема?
Ответить
<body onload = "scrolling()"> - забыли вот это, возможно.
Ответить
Все,получилось.Не внимательно я работаю. Спасибо!
Ответить
Можно подробнее Javascript-код расписать?
Ответить
Это весь код.
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.