当前位置:编程问答 > JS >

JavaScript文字瞬间从左到右切换显示

问题:Javascript一文字修饰程序,不知如何来形容,看了比较喜欢,让一组文字不断的切换,显示时候从左到右瞬间切换完成,但还能让人感觉有动态变化的效果,有兴趣试一下,直接复制到你的网页上就能用了。
答案:<title>文字瞬间从左到右显示的JS</title>
<body  onLoad="newsticker()">
<SCRIPT LANGUAGE="JavaScript">
var newslist=new Array();
var cnt=0;
var curr = "";
var i=-1;
newslist[0]=new Array("欢迎光临","")
newslist[1]=new Array("我们更讲究代码质量","")
newslist[2]=new Array("欢迎下次再来","")
function newsticker()
{
  if (i < newslist[cnt][0].length - 1)
  {
    i++;
    temp1 = newslist[cnt][0];
    temp1 = temp1.split('');
    curr = curr+temp1[i];
    temp2 = newslist[cnt][1];
    mtxt.innerHTML = "<small><a href='/'><font color='#ff0000'>"+curr+"_</small></a>";
    setTimeout('newsticker()',10)
    return;
  }
  i = -1; curr = "";
  if (cnt<newslist.length-1)
    cnt++;
  else
    cnt=0;
  setTimeout('newsticker()',3000)
}
</script>
<span id="mtxt" style="position:relative;top:1px;padding:5px 5px 5px 5px;font-family:Arial;font-size:10pt;width:100%;overflow:auto;height:50px">
</span>
</body>

上一个:仿佛打字特效的JS逐字出现的信息文字
下一个:JavaScript数组应用,可依次读取的公告栏文字

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,