开发者社区> 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效果,做一些实现效果笔记,顺便整理一下思路。 LightBox效果实现: &lt;!DOCTYPE html&gt; &lt;meta charset="utf-8"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Lightbox效果&lt;/title&gt; &lt;style type="text/cs
951 0
javascript实现中国各大城市快速下拉选择
如果开发中遇到需要输入城市名的页面,那么这个特效可以帮助快速输入。这是一个纯js实现的效果,可以快速的输入城市名称,支持鼠标点击选择,输入城市的拼音或者拼音首字母,使用方便。可以在输入框中通过点击生成包含中国各个城市的下拉列表,进行快速选择,快速切换定位。体验效果:http://hovertree.
1489 0
在Javascript中实现伪哈希表
了解数据结构的人应该都听说过哈希表这种数据结构,它是一种典型的利用键值对存储并检索数据的一种非线性结构,又称散列表或杂凑法。在一般的线性表结构中,数据的相对位置是随机的,即数据和用于检索的关键字之间不存在确定的关系,检索数据时往往需要进行一系列的比较,最终找到要检索的数据,这种方法往往建立在循环比较的机制上,利用时间的代价节省了空间,实现了数据的存储和检索功能。
594 0
JavaScript实现map
//定义map function Map() { this.container = {}; } //将key-value放入map中 Map.prototype.
478 0
利用JavaScript来实现用动态检验密码强度
平时我们会在某些网站的注册页面或者更改密码的页面发现当我们输入密码时,会有一个类似于进度条的长条进行提示用户输入的密码强度。如下图: 我看到有些人用几张不同的图片来替换,这样似乎可以,但是不太好。所以我通过其他方式实现。
767 0
网络之美:JavaScript中Get和Set访问器的实现
  前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。
495 0
Javascript版的Repeater控件实现
其实有点标题党了,呵呵,主要是项目的特殊性,出于性能考虑项目经理规定不能用任何服务端控件(包括Repeater控件),同时尽量减少服务端处理,并尽可能压缩最终生成的html源代码,所以只用JS实现。 代码:     JavaScript的Repeater控件实现--made by 菩提树下的杨...
593 0
用javascript实现的分页控件
随着Ajax的应用越来越多,经常需要在前台去加载数据,这样可以减少页面加载的时间,同时也改善了用户的体验性,所以结合实际的项目需要我写了一个javascript的分页控件,用于绑定table,实现类似datagrid分页控件的功能。
619 0
Javascript实现网页上的多级菜单(竖着)
使用方法:1,包含menu.js和menu.css 2,用创建主菜单类   main = new MainMenu(10,50,"My Menu");这里,MainMenu的前两个参数表示其左上角位置坐标,前者为left,后者为top。第三个参数为菜单标题。之后用MenuItem类建立菜单项MenuItem的源型如下:   function MenuItem(_parent,_caption
807 0
+关注
awbeci
我的名字叫张威(多好听的名字啊),毕业于哈弗大学(之前和比尔&middot;盖次是同学,自从那家伙创立了威软,我和他的关系就不太好,我发誓要打败他,然后进入安徽机电职业技术学院学习软件技术,你们觉得我会成功么), 现在在一家世界五百强公司任职UFO(想问我是什么公司?叫合肥优尔电子科技有限公司
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JavaScript 语言在引擎级别的执行过程
立即下载
在 IoT 设备进行 JavaScript 开发的探索之路
立即下载
Javascript中的函数
立即下载