Анимационная строка с текстом
-----------------------------------------------------------------
Пример использования скрипта:Free JavaScripts provided
by The JavaScript Source
-----------------------------------------------------------------
Код скрипта:
Вставьте следующий код между тегами <BODY></BODY>
<!-- THREE STEPS TO INSTALL 1 COOL TEXTBOX SCROLLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://rabotnichek.my1.ru -->
<!-- (c) http://www.wyka-warzecha.com -->
<!-- Begin
// THESE VARIABLES CAN BE CHANGED //
var myMainMessage=" Try this out! The message just keeps repeating. Use it for announcements, news and other items! ";
var speed=150;
var scrollingRegion=50;
// END CHANGEABLE VARIABLES //
var startPosition=0;
function mainTextScroller() {
var mainMessage=myMainMessage;
var tempLoc=(scrollingRegion*3/mainMessage.length)+1;
if (tempLoc<1) {tempLoc=1}
var counter;
for(counter=0;counter<=tempLoc;counter++)
mainMessage+=mainMessage;
document.mainForm.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion);
startPosition++;
if(startPosition>scrollingRegion) startPosition=0;
setTimeout("mainTextScroller()",speed); }
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY onLoad="mainTextScroller()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<form name="mainForm">
<center>
<input type="text" name="mainTextScroller" size="40" value>
</center>
</form>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://rabotnichek.my1.ru">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.78 KB -->
|