1顶

打字效果的文字切换

稿源：互联网 2022-05-13 15:54:30 点击： 702 撤稿纠错

打字效果的文字切换，阿里西西网页特效收集。

以下讨论的是和切换特效相关的打字效果的文字切换教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，打字效果的文字切换</title>
</head>

<body>

/*
Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
With modifications by Dynamicdrive.com
For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
*/

//设置滚动的内容
var line=new Array()
line[1]="欢迎光临网页特效"
line[2]="http://linkweb.cn/js"
line[3]="提出宝贵意见"
line[4]="希望你喜欢这种模式"
line[5]="再次感谢你的光临"

//设置字体大小
var ts_fontsize="16px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">');
document.write('<input type="text" name="banner" size="'+tscroller_width+'"'); 
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">');
document.write('</form>');
}

temp=""
nextchar=-1;
nextline=1;
cursor="\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\"}

nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",100)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>

</body>

</html>

关于打字效果的文字切换的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807142454.shtml方便下次再访问哦。

·上一篇： 字幕滚动效果---非常酷哦（七）
·下一篇： 可以选择阅读字体的大小

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

打字效果的文字切换

文章分类LIST >>返回首页

最新游戏

最新新闻