Maison > Article > interface Web > JS implémente les compétences code_javascript de l'effet de mise à l'échelle du texte de la barre d'état IE

JS implémente les compétences code_javascript de l'effet de mise à l'échelle du texte de la barre d'état IE

WBOYoriginal: 2016-05-16 15:35:301327parcourir

L'exemple de cet article décrit le code JS pour implémenter l'effet de mise à l'échelle du texte de la barre d'état IE. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Voici une démonstration de l'effet de mise à l'échelle du texte de la barre d'état, qui est également basé sur la technologie JavaScript. Bien qu'il s'agisse d'un petit effet spécial très discret, il reste très utile pour apprendre JS. Vous ne verrez peut-être pas l'effet si vous exécutez cet effet directement. Vous pouvez copier le code et l'enregistrer sous forme de fichier HTML. Double-cliquez dessus et exécutez-le pour voir l'effet.

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-ie-ztl-txt-style-demo/

Le code spécifique est le suivant :

<HTML>
<HEAD>
<TITLE>状态栏文字缩放出现</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!-- Begin
timeID = 5;
stcnt = 11;
msg = "<<I love shenlong!!!>>";
wmsg = new Array(33);
wmsg[0] = msg;
blnk = "";
for (i = 1; i < 32; i++) {
b = blnk.substring(0, i);
wmsg[i] = "";
for (j = 0; j < msg.length; j++) wmsg[i] = wmsg[i] + msg.charAt(j) + b;
}
function wiper() {
if (stcnt > -1) str = wmsg[stcnt]; 
else str = wmsg[0];
if (stcnt-- < -40) stcnt = 31;
status = str;
clearTimeout(timeID);
timeID = setTimeout("wiper()", 150);
}
// End -->
</SCRIPT>
</HEAD>
<BODY bgColor=#fef4d9 onload=wiper()>
<BR>
<CENTER>
<TABLE borderColor=#FFFF00 border=5 borderlight="green">
 <TBODY>
 <TR>
 <TD align=middle>状态栏为效果显示区!</TD>
 </TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jQuery implémente le code d'effet du service client Dark QQ affiché sur le côté droit qui peut être affiché en glissant vers la gaucheArticle suivant：jQuery implémente le code d'effet du service client Dark QQ affiché sur le côté droit qui peut être affiché en glissant vers la gauche

Articles Liés

Voir plus