ホームページ > 記事 > ウェブフロントエンド > JS は IE ステータス バーのテキスト スケーリング効果 code_javascript スキルを実装します
この記事の例では、IE ステータス バーのテキスト スケーリング効果を実装するための JS コードについて説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
これはステータス バーのテキスト スケーリング効果のデモです。これも JavaScript テクノロジに基づいています。これは非常に目立たない小さな特殊効果ですが、JS の学習には非常に役立ちます。この効果を直接実行すると効果が表示されない場合があります。コードをコピーして HTML ファイルとして保存し、ダブルクリックして実行すると効果を確認できます。
実行中のエフェクトのスクリーンショットは次のとおりです:
オンライン デモのアドレスは次のとおりです:
http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/
具体的なコードは次のとおりです:
<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>
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。