用Javascript自动输出网页文本

javascript|网页

在网页中经常有人使用Swish来做文本输出的打字效果，其实JavaScript也能做出那样的效果，按如下方法在HTML文件中加入JavaScript代码便可。

第一步：把如下代码加入<head>区域中

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
　　var max=0;

　　function textlist() {

　　max=textlist.arguments.length;

　　for (i=0; i<max; i++)

　　this[i]=textlist.arguments[i];}

　　tl = new textlist( "在此输入要输出的文字");

　　var x = 0; pos = 0;

　　var l = tl[0].length;

　　function textticker() {

　　document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";

　　if(pos++ == l) {

　　pos = 0;

　　setTimeout("textticker()", 2000);

　　if(++x == max) x = 0;

　　l = tl[x].length;

　　} else

　　setTimeout("textticker()", 50);}

　　// End --></script>

第二步：把如下代码加入<body>区域中

<textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>The news will appear here when the page has finished loading.</textarea></form>

第三步：把<body>改为<body bgcolor="#fef4d9" >

OK，大功告成！

时间： 2024-10-07 21:12:02

用Javascript自动输出网页文本的相关文章

用javascript实现自动输出网页文本_javascript技巧

用javascript实现自动输出网页文本,用了setTimeout(),递归和String.substring();两个函数实现此功能,下面把实现代码分享给大家. 做出的效果就像是有一个打字员在打字. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=&q

javascript实现自动输出文本（打字特效）_javascript技巧

主要利用了setTimeout(),递归和String.substring(); 做出的效果就像是有一个打字员在打字. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="

JavaScript实现自动生成网页元素功能（按钮、文本等）_javascript技巧

创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的"html代码",不是我们认为的对象树的操作详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/>

JavaScript实现点击自动选择TextArea文本的方法

本文实例讲述了JavaScript实现点击自动选择TextArea文本的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 <textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly"> example text </textarea> 希望本文所述对大家的javascri

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域.需要的朋友可以过来参考下,希望对大家有所帮助原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 代码如下: <script type="text/javascript"> var nodeList = document.getElementsByTagName("input"); for (var i =

javascript自动给文本url地址增加链接的方法分享

这篇文章主要介绍了javascript自动给文本url地址增加链接的方法,有需要的朋友可以参考一下 URL地址自动添加的实现其实就是那么点内容:检测与替换. 检测 "检测"就是检测文字(字符串)内部是否有符合http地址的内容,显然,这需要用到正则表达式进行验证,这个工作前端和后台都可以做,这里,只讲前端的方法,使用JavaScript实现. 验证HTTP地址的正则表达式如下(可能有疏漏或是不准确之处,欢迎指正): 代码如下: var reg = /(http://|

JavaScript实现带自动提示的文本框效果代码_木马相关

示例一:直接编写AJAX 实现. 客户端: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Ajax实现自动提示的文本框</title> <st

JavaScript实现点击自动选择TextArea文本的方法_javascript技巧

本文实例讲述了JavaScript实现点击自动选择TextArea文本的方法.分享给大家供大家参考.具体实现方法如下: <textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly"> example text </textarea> 希望本文所述对大家的javascript程序设计有所帮助.