开发者社区> awbeci> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript状态栏显示滚动文字

简介:    走马灯的效果!
+关注继续查看

<html>

 <head>

<script language="JavaScript">

<!--

hide var scrtxt = "状态栏文字滚动特效." +"这是由JS脚本生成的特效." +"用到了字符串处理和延时函数."; // 定义要滚动的字符串.

var length = scrtxt.length; // 获取滚动显示的字符串的长度.

 var width = 100; // 定义状态栏中用于显示字符串的空间的宽度.

var pos = -(width + 2);// 定义起始置为-102.

//以下定义的函数用于在状态栏中设置滚动文字.

function scroll()

{

pos++; var scroller = ""; //某个瞬间要显示的部分.

if (pos == length)

 {

//如果位置参数已经等于字符串长度则回到初始位置.

pos = -(width + 2);

 }

 if (pos < 0)

 {

//如果字符串还没有显示完整.

 for (var i = 1; i <= Math.abs(pos); i++)

{

 scroller = scroller + " ";

}

//则用一个循环在显示的部分字符前加若干空格.

 scroller = scroller + scrtxt.substring(0, width - i + 1);

 }

 else

{

scroller = scroller + scrtxt.substring(pos, width + pos);

 }

window.status = scroller; //将当前要显示的部分字符发送到状态栏.

setTimeout("scroll()", 100); //十分之一秒后又执行一次,以使显示出来的字符串内容得到更新并向左移动.

 }

// -->

</script>

</head>

<body onLoad="scroll()">

 走马灯的效果!

</body>

</html>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: <!-- <input type="text" id="text"> --> 请选择省份: <select name="" id="provinces"> <!-- <option value="江苏省">江苏省</option>
0 0
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
0 0
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
weex-自定义module,实现weex在iOS的本地化,js之间互相跳转,交互,传值(iOS接入weex的最佳方式)
0 0
JS中实现或退出全屏
JS中实现或退出全屏
0 0
前端:JS实现双击table单元格变为可编辑状态
前端:JS实现双击table单元格变为可编辑状态
0 0
【前端算法】JS实现数字千分位格式化
JS实现数字千分位格式化的几种思路,以及它们之间的性能比较
0 0
【前端算法】用JS实现快速排序
理解数组方法里面运用到的算法,splice 和 slice的区别
0 0
【前端算法】javaScript实现二分查找
如何使用JS实现一个合格的二分查找
0 0
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
一行代码解决LeetCode实现 strStr()使用JavaScript解题|前端学算法
0 0
+关注
awbeci
我的名字叫张威(多好听的名字啊),毕业于哈弗大学(之前和比尔&middot;盖次是同学,自从那家伙创立了威软,我和他的关系就不太好,我发誓要打败他,然后进入安徽机电职业技术学院学习软件技术,你们觉得我会成功么), 现在在一家世界五百强公司任职UFO(想问我是什么公司?叫合肥优尔电子科技有限公司
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JavaScript函数
立即下载
JavaScript 语言在引擎级别的执行过程
立即下载
Javascript中的函数
立即下载