Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:35:30
original
1326 Les gens l'ont consulté

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>
Copier après la connexion

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

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!