js实现文字在文本框内滚动效果,很简单的方法实现文本框内文字滚动显示,根据自己的需求来自定义滚动文字及滚动速度。
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var myMainMessage="武鸣人,各种信息免费发布,资源共享合作共赢!"; var speed=350; var scrollingRegion=50; //武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) 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.www_wuming_ren.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion); startPosition++; if(startPosition>scrollingRegion) startPosition=0; setTimeout("mainTextScroller()",speed); } // End --> </script> <body onLoad="mainTextScroller()"> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <form name="www_wuming_ren"> <center> <input type="text" name="mainTextScroller" size="40" value> </center> </form> </body>
本文来自武鸣人网站,转载请注明出处