文本框内文字定时切换滚动显示特效

2个月前 (05-25 16:01)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

文本框内文字定时切换滚动显示,通过这个js脚本来实现文本框内文字滚动显示功能,可自定义滚动切换速度和滚动文字。

<script language=javascript>
//Change the following 4 messages to your liking.
var txt = "欢迎来到武鸣人网站"
var txt2 = "各种信息免费发布"
var txt3 = "资源共享合作共赢"
var txt4 = "www.wuming.ren"
//Make sure that "def" is longer than your longest message
var def = "_______________________________________"
//Don't change any of the following
var end = txt4.length
var end2 = end / 2
var close = end2
var close2 = end2
var close3 = end
var max2 = txt3.length
var mid = max2 / 2
var max = txt2.length
var msg
var msg2
var msg3
var msg4
var msg5
var msg6
var word = 0
var word2 = txt.length
var scroll = 0
var door = max
var blink = 0
var blink2 = 20
var stay = 0
var timestay
var time
var time2
var doortime
var timeblink
var timescroll
var timeblink2
var timeclose
function Type() {
if (word <= txt.length) { word++;
msg = txt.substring(0, word);
document.form1.text.value = msg
time = setTimeout("Type()", 100) }
else { word = 0;
clearTimeout(time);
Stay() }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function Stay() {
if (stay==0) { document.form1.text.value = txt;
stay = 1;
timestay = setTimeout("Stay()", 1000) }
else if (stay==1) { document.form1.text.value = txt;
stay = 0;
clearTimeout(timestay);
Erase() }
}
function Close() {
if(close2 <= end) {
close -= 1;
close2++;
close3 -= 2;
msg6 = txt4.substring(close, end2) + def.substring(0, close3) + txt4.substring(end2, close2);
document.form1.text.value = msg6;
timeclose = setTimeout("Close()", 100)
}
else { clearTimeout(timeclose);
close = end2;
close2 = end2;
close3 = end;
Stay2()}
}
function Stay2() {
if (stay==0) { document.form1.text.value = txt4;
stay = 1;
timestay = setTimeout("Stay2()", 1300) }
else if (stay==1) { document.form1.text.value = txt4;
stay = 0;
clearTimeout(timestay);
Doors() }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function Erase() {
if (word2 <= txt.length && word2 > 0) { word2 -= 1;
msg2 = txt.substring(0, word2)
document.form1.text.value = msg2
time2 = setTimeout("Erase()", 20)}
else  { word2 = txt.length;
clearTimeout(time2);
Close() }
}
function Doors() {
if (door >= 0) {
door -= 1;
msg3 = txt2.substring(door, max)
document.form1.text.value = msg3
doortime = setTimeout("Doors()", 100)
}
else { door = max;
clearTimeout(doortime);
Blink() }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function Blink() {
if (blink==0) { document.form1.text.value = txt2;
blink = 1;
timeblink = setTimeout("Blink()", 200) }
else if (blink==1) { document.form1.text.value = "";
blink = 2 ;
timeblink = setTimeout("Blink()", 200) }
else if (blink==2) { document.form1.text.value = txt2;
blink = 3;
timeblink = setTimeout("Blink()", 200) }
else if (blink==3) { document.form1.text.value = "";
blink = 4;
timeblink = setTimeout("Blink()", 200) }
else if (blink==4) { document.form1.text.value = txt2;
blink = 5;
timeblink = setTimeout("Blink()", 200) }
else if (blink==5) { document.form1.text.value = "";
blink = 0;
clearTimeout(timeblink);
Scroll() }
}
function Scroll() {
if(scroll <= txt2.length) { msg4 = txt2.substring(scroll, txt2.length);
document.form1.text.value = msg4;
scroll++;
timescroll = setTimeout("Scroll()", 100)
}
else { clearTimeout(timescroll);
scroll = 0
Blink2() }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function Blink2() {
if (blink2==20) { msg5 = txt3;
document.form1.text.value = msg5;
blink2 = 0;
timeblink2 = setTimeout("Blink2()", 800) }
else if (blink2==0) { msg5 = txt3.substring(0, mid) + def.substring(0, mid);
document.form1.text.value = msg5;
blink2 = 1;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==1) { msg5 = def.substring(0, mid) + txt3.substring(mid, max2);
document.form1.text.value = msg5;
blink2 = 2 ;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==2) { msg5 = txt3.substring(0, mid) + def.substring(0, mid);
document.form1.text.value = msg5;
blink2 = 3;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==3) { msg5 = def.substring(0, mid) + txt3.substring(mid, max2);
document.form1.text.value =msg5;
blink2 = 4;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==4) { msg5 = txt3.substring(0, mid) + def.substring(0, mid);
document.form1.text.value = msg5;
blink2 = 5;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==5) { msg5 = def.substring(0, mid) + txt3.substring(mid, max2);
document.form1.text.value = msg5;
blink2 = 6;
timeblink2 = setTimeout("Blink2()", 300) }
else if (blink2==6) { document.form1.text.value = txt3;
blink2 = 20;
clearTimeout(timeblink2);
Type() }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
</script>
<body bgcolor="#fef4d9" onLoad="Type()">
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<form name=form1>
<input type=text name=text size=32,0>
</form>
</body>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/1083.html

回帖

文本框内文字定时切换滚动显示特效 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息