L'exemple de cet article décrit le code JS pour implémenter l'effet de texte du ticker de la barre d'état. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Dans ce ticker de barre d'état, le texte en cours d'exécution est défini dans un tableau et vous pouvez modifier le contenu vous-même. L'IE8 actuel semble incompatible et il existe des codes défectueux. Les passionnés de JS sont invités à les corriger. Veuillez renvoyer une copie des corrections. La barre d'état est la zone d'affichage des effets.
La capture d'écran de l'effet en cours d'exécution est la suivante :
L'adresse de la démo en ligne est la suivante :
http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/
Le code spécifique est le suivant :
<HTML> <HEAD> <TITLE>间隔状态栏跑马灯</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=JavaScript> <!-- function scrollit(seed) { var m1 = "HI:你 好! "; var m2 = "欢迎访问脚本之家网站"; var m3 = "请 多 提 意 见,谢 谢!"; var m4 = "E-MAIL:"; var m5 = "/"; var msg=m1+m2+m3+m4+m5; var out = " "; var c = 1; if (seed > 100) { seed--; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; window.status=out; cmd="scrollit("+seed+")"; timerTwo=window.setTimeout(cmd,100); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } } } //--> </SCRIPT> <META content="MSHTML 6.00.2900.2963" name=GENERATOR> </HEAD> <BODY bgColor=#fef4d9 onload=scrollit(100)> </BODY> </HTML>
J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.