Иногда возникает необходимость, чтобы на кнопке была бегущая строка с какой-нибудь информацией. Например, это может быть информация о том, куда попадет пользователь, если нажмет на эту кнопку, или какоу-нибудь напоминание пользователю, которое он должен помнить после нажатия на кнопку.
По этой ссылке Вы можете посмотреть, как выглядят и работает такая кнопка: http://enigma.nanoquant.ru/demo-script/button/demo-button3.html.
Если Вы хотите установить такие кнопки себе на свой сайт, то здесь находится инструкция по установке и коды, которые нужно скопировать на свой сайт.
Этот код нужно вставить между тегами body в то самое место, в котором должна находится кнопка. Синим цветом выделены тексты, которые Вы можете и/или должны заменить на свои. (См. подробне ниже.) Кроме того, Вы можете сами по своему усмотрению ввести любые нужные Вам стили тега INPUT для изменения дизайна кнопки.
<form name="form2" action="http://king.nanoquant.ru/script/index.html" target="_blank"> <input type="submit" name="banner" VALUE="Все таки не нажал..."> </form> <script language="JavaScript"> var id,pause=0,position=0; function banner() { // Поместите свое содержание var i,k,msg=" Нажать, что ли.. Или не нажимать? Может все же нажать? А вдруг обманут?"; k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.form2.banner.value= msg.substring(position,position+60); if(position++==msg.length) position=0; id=setTimeout("banner()",150); } // end --> banner(); </script> |
В теге form атрибут action указывает, на какой адрес будет совершен переход при нажатии на кнопку. Значение атрибута target равное _blank указывает, что адрес перехода будет открыт или в новой вкладке браузера пользователя или в новом окне браузера пользоваталя (это зависит от текущих настроек браузера пользователя). Если Вам нужно, чтобы страница перехода открывалась в том же окне или в той же вкладке, где была кнопка, то замените _blank на значение _self или совсем уберите этот атрибут target.
Числовой параметр в setTimeout регулирует скорость бегущей строки (по умолчанию стоит значение 150). Чем это значение меньше, тем быстрее бежит бегущая строка.
Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.
На одной вебстранице может быть сколько угодно таких кнопок с разными текстами бегущей строки, с разными скоростями бегущих строк и с разными адресами переходов при нажатии на эти кнопки. Блоки form должны размещаться в тех местах вебстраницы, где Вы хотите разместить кнопки. Каждый блок form должен иметь свой оригинальный атрибут name и адрес перехода action. Кроме того, оригинальный атрибут name должен иметь тег input в каждом блоке form.
Для каждой кнопки должен быть свой scrit, их расположение на вебстранице не принципиально, главное, что они все находятся между тегами body. В каждом блоке scrit нужно все 4 вхождения слова banner заменить на соответствующий атрибут name из тега input. Аналогично вхождение слова form2 заменить на соответствующий атрибут name из тега form. Это основное, что привязывает конкретный script к конкретной кнопке.
Когда на одной вебстранице несколько таких кнопок, то через некоторое время трансляция бегущей стрроки может быть прекращена. Но кнопки будут продолжать корректно работать на переход.