JavaScript 小技巧(第六集)

javascript|技巧


以下是我们所制作的跑马灯效果的源程序

 <html>
 <head>
 <script language="javascript">
 <!-- Hide
 var scrtxt="这儿的讯息可以改为你要告诉别人的话  "+"
 或是注意事项 ...";
 var lentxt=scrtxt.length;
 var width=100;
 var pos=1-width;
 function scroll() {
 pos++;
 var scroller="";
 if (pos==lentxt) {
 pos=1-width;
 }
 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()",150);
 }
 file://-->
 </script>
 <body >
 Here goes your cool page!
 </body>
 </html>
  此一程式中我们使用了和上面同样的函数(或部分)setTimeout(...)通知,计时器在时间到时去呼叫 scroll()函数,使得跑马灯中的文字往前进一格。 在函数的一开始,有一些较罗嗦的计算部分,但这并不难使我们了解,这些计算主要是用来取得跑马灯中的文字应该由那一个位置开始显示的用途。一开始当然是必需加一些空白在字的左边,让文字部分能尽可能靠右,然后再一字字的将空白减少,结果自然就造成字往前移动的效果了。

时间: 2024-09-06 02:12:40

JavaScript 小技巧(第六集)的相关文章

JavaScript 小技巧(第七集)

javascript|技巧 第七集 如何去产生乱数 接下来我们要为你介绍一个可以产生乱数的函数,也是以 javascript 所写的这个函数只是利用了一点小技巧而已.而这种技巧在大部分的编译器(compiler)中,大都是如此(或类似)计算出乱数来的.相信 javascript 最后应也会以相似的方法来产生这样的method,如果它会提供这样功能的话,以下是此函数的结果: 这是一个计算产生的乱数.3861138662928667 以下是这个作法的写法 <head> <script lan

JavaScript 小技巧(第十集)

javascript|技巧 第十集 javascript基础(2) 二.如何执行JaveScript Netscape2.0beta3版以上,就可以执行javascript的功能了.我们测试过至少beta3版以上可以.目前为止,除了Netscape外,似乎尚没有其他种类的WWW浏览器有此一功能. 以下我们就以一些例子来告诉你如何将javascript写在HTML文件中,并且体会一下新语言的特性.我们从第一个例子开始,如何用javascript印出一串文字至HTML文件中. <html> <

JavaScript 小技巧(第八集)

javascript|技巧 第八集 如何自动加上最后修改时间 我们在 HTML 文件档完成了以后,常会加上一行文件最后修改的日期.现在你可不用担心每次都要去改或是忘了改了,你可以很简单的写一个如下的描述语法程式.就可以自动的为你每次产生最后修改的日期了. <html> <body> This is a simple HTML- page. <br> Last changes: <script language="LiveScript">

JavaScript 小技巧(第三集)

javascript|技巧 第三集 如何在网页上使用history和forward 我们来看一个可以让你浏览不同文件的语法,我们这儿所要谈的是 back() 和 forward()这两个函数, 如果你本身的文件中有一个连结是回到你本身文件的上一个连结文件的话,那和Netscope 浏览器 中所提供的back 按钮功能是不一样的.例如,在我的文件中,正常的连结连到某些我们认为会是这个文件来源的地方, 称 这 个连结叫 back,而 Netscape 浏览器中的 back按钮,则是回到你历史记录中的

JavaScript 小技巧(第四集)

javascript|技巧 第四集 如何使用运算函数 这是一个特殊的内建函数eval包括了运算式子为其参数,运算元,并回传一个值. 这函数对于运算一个表示的数值字串而言非常有用,举例来看,从FORM所输入的值总是字串,但你也许想要拿来运算,那我该怎么办?? 下面的这一个例子包函了输入的文字栏位,应用的运算函数和显示结果的另一区块.假如你打了一个数值运算式在第一个栏位,并且按下了按钮,运算式便会开使运算, <SCRIPT> function compute(obj) { obj.result.v

JavaScript 小技巧(第五集)

javascript|技巧 以下是原始语法 <HTML> <HEAD> <TITLE>浏览器的状态栏</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <SCRIPT language="javascript"> <!-- Hide function statbar(txt) { window.status = txt; } // -->

&amp;#106avascript 小技巧(第六集)

技巧 以下是我们所制作的跑马灯效果的源程序 <html> <head> <script language="JavaScript"> <!-- Hide var scrtxt="这儿的讯息可以改为你要告诉别人的话 "+" 或是注意事项 ..."; var lentxt=scrtxt.length; var width=100; var pos=1-width; function scroll() { po

Android Studio 小技巧/快捷键 合集

本文讲的是Android Studio 小技巧/快捷键 合集, 原文链接: Android Studio Tips by Philippe Breault 原文作者 : Philippe Breault 译文出自 : 掘金翻译计划 译者 : Jaeger, Brucezz 校对者 :Glow Chiang, Void Main 转载请联系,并注明出处. 写在前面 本文翻译自 Android Studio Tips by Philippe Breault,一共收集了62个 Android Stud

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func