English
<HTML> <HEAD> <title>Special effects for multiple paragraphs of text appearing one by one in multiple lines</title> <script language=JAVAscript> <!-- // ------ Define global variables var theNewsNum; var theAddNum; var totalNum; var CurrentPosion=0; var theCurrentNews; var theCurrentLength; var theNewsText; var theTargetLink; var theCharacterTimeout; var theNewsTimeout; var theBrowserVersion; var theWidgetOne; var theWidgetTwo; var theSpaceFiller; var theLeadString; var theNewsState; function startTicker() { / / ------ Set the initial value theCharacterTimeout = 50; //Character interval time theNewsTimeout = 2000; // News interval time theWidgetOne = "_"; // Subscript in front of news 1 theWidgetTwo = "-";// The subscript in front of the news theNewsState = 1; //theNewsNum = document.body.children.incoming.children.NewsNum.innerText; //Total number of news items //add by lin theNewsNum = document.getElementById("incoming").children .AllNews.children.length;//Total number of news items theAddNum = document.getElementById("incoming").children.AddNews.children.length;//Total number of supplementary items totalNum =theNewsNum+theAddNum; theCurrentNews = 0; theCurrentLength = 0 ; theLeadString = " "; theSpaceFiller = " "; runTheTicker(); } // --- Basic function function runTheTicker() { if(theNewsState == 1) { if(CurrentPosion<theNewsNum){ setupNextNews(); } else{ setupAddNews(); } CurrentPosion++; if(CurrentPosion>=totalNum||CurrentPosion>=5) CurrentPosion=0; //The maximum number of items does not exceed 5} if(theCurrentLength != theNewsText.length) { drawNews(); } else { closeOutNews(); } } //more javascript from http://www.downcodes.com // --- Jump to the next news function setupNextNews() { theNewsState = 0; theCurrentNews = theCurrentNews % theNewsNum; theNewsText = document. getElementById("AllNews").children[theCurrentNews].children.Summary.innerText; theTargetLink = document.getElementById("AllNews").children[theCurrentNews].children.NewsLink.innerText; theCurrentLength = 0; document.all.hottext. href = theTargetLink; theCurrentNews++; } function setupAddNews() { theNewsState = 0; theCurrentNews = theCurrentNews % theAddNum; theNewsText = document.getElementById("incoming").children.AddNews.children[theCurrentNews].children.Summary.innerText; theTargetLink = document.getElementById("incoming").children.AddNews.children[theCurrentNews].children.NewsLink.innerText; theCurrentLength = 0; document.all.hottext.href = theTargetLink; theCurrentNews++; } // --- Rolling news function drawNews () { var myWidget; if((theCurrentLength % 2) == 1) { myWidget = theWidgetOne; } else { myWidget = theWidgetTwo; } document.all.hottext.innerHTML = theLeadString + theNewsText.substring(0,theCurrentLength) + myWidget + theSpaceFiller; theCurrentLength++; setTimeout("runTheTicker()", theCharacterTimeout); } // --- End the news loop function closeOutNews() { document.all.hottext.innerHTML = theLeadString + theNewsText + theSpaceFiller; theNewsState = 1; setTimeout( "runTheTicker()", theNewsTimeout); } window.onload=startTicker; //--> </script> </HEAD> <BODY> <table> <tr><td> <div id=visible>Website Building Academy Express : <a href="" id=hottext target="_blank"></a></div> </td></tr> </table> <div id=incoming style="DISPLAY: none"> < div id=AllNews> <div id=1> <div id=Summary>The National Committee of the Chinese People’s Political Consultative Conference delegation visited three countries to attend the Economic and Social Council meeting</div> <div id=NewsLink>#</div> </div> <div id=2> <div id=Summary>[Eastern Time and Space] Six days and seven nights to conquer the forest fire</div> <div id=NewsLink>#</div> </div> <div id=3> <div id=Summary >The Hong Kong SAR Government issued a statement on Donald Tsang’s resignation as Chief Secretary for Administration</div> <div id=NewsLink>#</div> </div> <div id=4> <div id=Summary>Liu Yunshan met with Laotian guests< /div> <div id=NewsLink>#</div> </div> <div id=5> <div id=Summary>Zeng Qinghong emphasized that advanced nature education activities should focus on practical results from beginning to end</div> <div id=NewsLink> #</div> </div> </div> <div id=AddNews> </div> </div>
