当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

JS代码完成状态栏的分解显示文本特效

JS代码完成状态栏的分解显示文本特效

更新时间:2023-06-21 文章作者:未知 信息来源:网络 阅读次数:

编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

JS代码实现状态栏的分解显示文本特效

【实例描述】

在状态栏中显示一组文本,同时在显示时实现分解显示的效果。可运行代码了解分解显示的特效。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript"> var str="" var direction="left"        //文字移动的方向 function craAry(n) {     for (var i = 0; i < n; i++) {this[i] = 0}//初始化数组     return this } var js_mult1=3141 var js_mult2=5821 var js_m1=100000000 var js_m2=10000 var js_iseed=0 var js_iseed1=0 var js_iseed2=0

function ArrayRandom(n)              //获取一个随机数 {     if (js_iseed == 0)     {         now = new Date()         js_iseed = now.getHours() + now.getMinutes() * 60                     + now.getSeconds() * 3600     }     js_iseed1 = js_iseed / js_m2     js_iseed2 = js_iseed % js_m2     var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) *                 js_m2 + (js_iseed2 * js_mult2)) % js_m1     js_iseed = (tmp + 1) % js_m1     return (Math.floor((js_iseed/js_m1) * n)) }

msgArray = craAry(5)               //初始化要显示的文本信息 msgArray[0] = "伦敦奥运会欢迎您的参与" msgArray[1] = "上海世博会欢迎您的参与" msgArray[2] = "为奥运会作贡献" msgArray[3] = "为世博会作贡献" msgArray[4] = "当一个合格的志愿者"; msg = "" dmsg = ""

function viewMsg() {     if (msg == dmsg)     {         msg = msgArray[ArrayRandom(5)]               //获取数组中的一段随机文本         dmsg = ""         for (var ii = 0; ii < msg.length; ii++) dmsg += " "         viewtime = window.setTimeout('viewMsg()',100)         return true     }     var ii = ArrayRandom(msg.length)     var astr = dmsg.substring(0, ii)            //间隔式的截取显示文本中的字符     var bstr = msg.substring(ii, ii+1)     var cstr = dmsg.substring(ii+1, dmsg.length)     dmsg = astr+bstr+cstr     window.status = dmsg                        //状态栏中显示文本信息     viewtime = window.setTimeout('viewMsg()',50)//循环显示状态栏中的信息     return true } </SCRIPT> </head> <body bgcolor="#fef4d9" onload="viewtime = window.setTimeout('viewMsg()',500);"> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例中的重点是文本数组的随机获取,以及分解字符。随机获取文本数组使用“ArrayRandom”方法,其中使用“Math.noor”方法来获取一个整数。分解字符使用的是字符串对象的“substring”方法,此方法用来截取从指定位置开始到指定位置结束的字符串。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:JS代码实现状态栏的分解显示文本特效 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html