Full version: jsB@nk » Text » Animation » Text Changer script
URL: https://www.javascriptbank.com/text-changer-script.html
This JavaScript will constantly change the text inside of the DIV tag, after every interval that is specified. The intervals are in seconds. Also has the option to stop the changing while the mouse is hovering over the text.
Full version: jsB@nk » Text » Animation » Text Changer script
URL: https://www.javascriptbank.com/text-changer-script.html
<SCRIPT language=javascript><!--/*\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\/¯\\ // =-=-=-=-=-= Text Changer =-=-=-=-=-= \\ // \\ Author: // Nick Trevino \\ // \\ Description: // This code changes the text within \\ the <div> tag below. You can show // any number of lines, and it still \\ will show them all! It also stops // changing the text if the user has \\ their mouse over the text. If you // don't want mouse overs to stop it \\ from changing, then set stopOK to // 0 instead of 1. \\ // Usage Tips: \\ You can use this and the HTML tag // <img> to make it change different \\ images on a set timer! Or you can // also use it to change links using \\ the stopping feature so users can // click the links! See if there are \\ other ways you can use it. // \ \_/\_/\_/\_/\_/\_/\_/\_/\_/\_/\_/\_/\_/\*/// Just put the different bits of text into the array separated by a comma.// You can use HTML tags also. If you need to use quotes, use the single quote,// ( ' ) or use the escape character ( \" ), both without parenthesis.textLines=new Array("<b>Text Changer</b>","Created By...","<b>Nick Trevino</b>","Visit my JavaScript site at:","<a href='http://www.nicksscripts.be'>Nick's Scripts.be</a>","This script is on...","<a href='http://www.JavaScriptBank.com'>JavaScriptBank.com!</a>");// The Text Line to start on (The first line is line 0).numOn=0;// Set the delay time inbetween each change (in seconds, decimal values can be used).delay=1.3;// Set this variable to 0 to stop mouse overs from stopping // the text from changing.stopOK=1;change=1;window.onload=start;function start(){ setTimeout("Change()",1);}function Change(){// Check to see if the user has their mouse over the text. if(change==1){// Make sure we are on a valid Line Number and if not, set it to// the starting line. if(numOn>=textLines.length||numOn<0){numOn=0}// Set the text inside the <div> to the specified line number. textChanger.innerHTML=textLines[numOn];// Increase the line number by one to get the next string. numOn++; }// Call this function again to write the string to the <div>. setTimeout("Change()",delay*1000);}// --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->.. Here are the lines of text this example will change through: <PRE>1: <B>Text Changer</B>2: Created By...3: <B>Nick Trevino</B>4: This script is on...5: <A href="http://www.JavaScriptBank.com/">JavaScriptBank.com!</A>6: Put this <DIV> tag 7: Anywhere on a page!</DIV></PRE>It can do more lines to if you need to. It can do as many as you need! In this example, the stopping feature is set to: ON. Try moving your mouse over the text. <BR>It will stop changing.<BR><BR><DIV id=textChanger onmouseover=if(stopOK==1){change=0} onmouseout=change=1></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->