文字瞬间从左到右切换显示的JavaScript代码
作者:bea
<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("我们更讲究代码
<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>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Jquery 弹出层插件实现代码
- CSS 渐变背景的6个演示代码
- 百度用到的Js日历 大家可以看看
- CSS 伪类实现的鼠标滑动图片链接
- 颜色变换 像字符逐字输入的欢迎词
- JavaScript 文本域字体大小选择功能
- js 操作符实例代码
- JavaScript 图片放大效果及代码说明
- 利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
- JavaScript 高仿真可控弹簧振子实现代码
- JS window.opener返回父页面的应用
- JavaScript 动态添加表格行 使用模板、标记
- javascript Keycode对照表
- LazyForm jQuery plugin 定制您的CheckBox Radio和Select
- 写入cookie的JavaScript代码库 cookieLibrary.js
- js文件中调用js的实现方法小结
- struts2 jquery 打造无限层次的树
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- jquery 插件开发方法小结