DHTML Type Writer Effect

最新推荐文章于 2024-08-02 17:36:10 发布

xuehouniao

最新推荐文章于 2024-08-02 17:36:10 发布

阅读量1k

点赞数

分类专栏： DHTML 文章标签： microsoft distance function internet character javascript

本文链接：https://blog.csdn.net/xuehouniao/article/details/288155

版权

DHTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

DHTML Type Writer Effect

This is a Teletypewriter that types out a message you want.

You can change the text by changing the variable text_type. The distance of the text from top can be changed by changing the variable begin_pos (Here it is 55). The distance of the text from the left can be changed by changing the variable left_pos (Here it is 110). You can also change the speed of typing by changing the variable time_length.

After all the text is typed out the cursor blinks. The blink speed can be changed by changing the value of the variable cursor_blink_speed (Here it is 300). You can also change the cursor character by changing the variable cursor_char (Here it is $).

Place the following code in the head of your web page.

Select All Code

<!--BEGIN REQUIRED-->
<script language="javascript">
// Location of this script:
// http://www.qiksearch.com/javascripts/type_writer11.htm
//*********************************************
//* Type Writer effect 1.1                    *
//* This script create a  type writer effect  *
//* (c) Premshree Pillai,                     *
//* http://www.qiksearch.com                  *
//* E-mail : premshree@hotmail.com            *
//* Use the script freely as long as this     *
//* message is intact                         *
//*********************************************

window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer" 
 && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" 
 && bVer < 4);
 var time_length =100; //Scroll speed
 var begin_pos=55;
 var left_pos=110;
 var i=1;
 var j=0;
 var cursor_blink_speed=300;
 var text_type = "Type Writer effect by Premshree Pillai";
 var text_type_len= text_type.length;
 var cursor_var="cursor";
 var cursor_char="$"

function type()
{
for(var i=1; i<=text_type_len; i++)
{
document.write('<div id="' + text_type + i + '" style="position:absolute; visibility:hidden; top:' + begin_pos + '; left:' + (left_pos+15*i) + '">');
document.write('<font face="verdana,arial,helvetica" size="2" color="#003399"><b>' + text_type.charAt(i-1) + '</b></font></div>');
}
dotype();
}

document.write('<div id="' + cursor_var + '" style="position:absolute; visibility:hidden; top:' + begin_pos + ';">');
document.write('<font face="verdana,arial,helvetica" size="2" color="#FA5D00"><b>' + cursor_char + '</b></font></div>');

function dotype()
{
 setTimeout("Show('"+text_type+i+"')",time_length);
}

if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="this.document.all";
 styleSwitch=".style";
 }
}

//SHOW
function Show(layerName){
 if (NS4 || IE4) { 
 eval(layerRef+'["'+layerName+'"]'+
 styleSwitch+'.visibility="visible"');
 eval(layerRef+'["'+cursor_var+'"]'+
 styleSwitch+'.visibility="visible"');
 eval(layerRef+'["'+cursor_var+'"]'+
 styleSwitch+'.left="' + (left_pos+10+15*i) + '"');
 if(i>=text_type_len)
 {
 blink();
 }
 if(i<text_type_len)
 {
 i++;
 dotype();
 }
 }
}

function blink()
{
if(j%2==0)
{
 eval(layerRef+'["'+cursor_var+'"]'+
 styleSwitch+'.visibility="visible"');
}
else
{
 eval(layerRef+'["'+cursor_var+'"]'+
 styleSwitch+'.visibility="hidden"');
}
if(j<2)
{
j++
}
else
{
j--
}
 setTimeout("blink()",cursor_blink_speed);
}



type();

</script>
<!--END REQUIRED-->

xuehouniao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DHTML Type Writer Effect

DHTML Type Writer Effect This is a Teletypewriter that types out a message you want. You can change the text by changing the variable text_type. The distance of the text from top can be changed by cha
复制链接

扫一扫

专栏目录