设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

制作网站在状态栏中实现活动文字效果

发表日期:2017-7-14 作者来源:派谷网络 浏览次数:0

在大家浏览网站的时候,活动状态栏的文字一个接一个从左向右冒出,是不是让你的眼睛应接不暇呢,你是不是也想使自己的网页有着同样的效果呢,现在我们通过javascript程序的应用来实现这个效果,下面我们就来仔细分析一下这种动态效果是怎么产生的吧。

  达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为0,重新打出文字,不停循环就可以得到这种效果。

下面,我们来看一看源程序吧。
<script language="javascript">
var msg = "欢迎光临5D多媒体 !! " ;
// msg变量就是设定状态栏要出现的文字(一句话)
var interval = 120
//设定间隔多少毫秒文字长度增加一个,此处是120毫秒
var seq=0;
//代表动态的文字长度
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
//文字的字符加一
seq++;
//动态文字的长度加一
if ( seq >= len ) {
seq = 0;
window.status = ';
window.setTimeout("Scroll();", interval );
}
//如果动态文字长度和整句话相同,则动态文字的长度设为0,重新来过
else
window.setTimeout("Scroll();", interval );
}
Scroll();
< /script>

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

濠㈣埖鐗為柨銈囩磾閹寸姷褰茬€点倝缂氶鏇熺▔閳ь剟鎳滈浣圭畳闁告繍浜欑花锟�...

濠㈣埖鐗為柨銈囩磾閹寸姷褰茬€点倝缂氶鏇㈡焻濮橆剛鍩楅柛鏍ф噹閹牊绂掗妷銈囩憮婵縿鍎甸鍐晬閿燂拷1.闁哄嫬娴烽垾姗€鎯勯鐣屽灱濞戞挸姘﹂~澶愬礆閹烘柡鈧ḿ鈧姘ㄥú浼村冀閸パ冪秬濞寸》鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-6

濠碘€冲€风紞宥囨媼閳哄啰绉圭紒鏃€鐟ч弲顐︽閵忥綆鍟庨悹浣插墲濞插潡宕楅敓锟�...

閻熸洑娴囬鈧紓鍐╁灩閻濐垶鎮惧畝鍕〃閻犱焦宕橀鎼佸即閺夋垵寰旈柛姘鼻圭槐鈺呭礉濞戝磭绀夐柛娆樺灟娴滄帗绂掓惔婵呯鞍濞戞挸顑呴崵鎴炵▔椤忓懏鐓欓梻鍫涘灮濞煎啴骞嶇€e墎绐楅柤瑙勫絻閸嶇敻骞栭銏犲赋...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-6

缂傚啯鍨归悵顖滄媼閹规劦鍚€闁汇劌瀚悢鈧柡鍫墯椤掔偞顨ラ妶鍡樼畳闁告繐鎷�...

缂傚啯鍨归悵顖滄媼閹规劦鍚€闁哄嫷鍨伴崹鍗烆嚈鏉炴壆顏卞☉鎿冧簼閸ㄦ岸宕濋悢铏圭Ч缂佹梹鐟у▓鎴﹀礂閹惰姤鏆涢柣婊庡灥婵☆參鏁嶇仦鑲╃憮闂傚牜婢€鐠愮喐鎷呴悩渚殜缂備礁妫旂划娆戠磼瀹ュ懎寰撻柛鈺冨劋濠€锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-6

濠碘€冲€风紞宥夋焻婢跺顏ラ梺顐㈠€搁幃搴g磾閹寸姷褰查柣銊ュ濠€鍥礉閿燂拷...

闂侇偄顦扮€氥劑鏌呴崒姘€ょ紓鍐╁灩閻濐垶鎯冮崟顒佺疀闁告柡鈧櫕鐝ら梺鏉跨Ф閻ゅ棝鏁嶅畝鍕粯閻熸洑鑳堕幃锝夊触閸絺鍋撻崘顓燁€氬鑸电閺岀喖妫冮姀鐘崇缂佽京濯寸槐婵囩閵夈倗鐟撻柡鍕靛灥椤曟稓绱掗敓锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-6

濠碘€冲€风紞宥嗘交濞戞粠鏀界紓鍐╁灩閻濐垶鎯冮崟顐㈡倯閻庣顫夐埀顑嫮銈�...

缂傚啯鍨归悵顖炴儍閸曨偄鎮戦悗纭咁潐閳ь儸鍕偞閻犲洦娲樺Λ顒勫捶閵娧€鈧ɑ绌卞┑鍫㈢Ч缂佹梹鐟ュ﹢顏呯▔瀹ュ懏鍊遍柣銊ュ缁佽崵鎲撮崼婵囩彜闁靛棔娴囬鏇熷緞閸ャ儮鍋撴担瑙勬儥濞达絾绮庨柈瀵哥磼閻旀湹绨�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-6

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�