ズームアウトしてページを表示する

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows × - × × ×
Macintosh × × × - - × ×
UNIX - - - - - × ×

解  説  ズームアウトしてページを表示するにはスタイルシートのzoomプロパティに拡大縮小率を指定します。拡大縮小率は200%といった文字列で指定します。タイマーを使って拡大縮小率を変化させればページがズームアウトするようになります。
コード <html> <head> <title>ズームアウトしてページを表示する</title> <script language="JavaScript"><!-- zm = 400; function zoomOut() { document.body.style.zoom = (zm -= 10) + "%"; if (zm > 100) setTimeout("zoomOut()",200); } // --></script> </head> <body style="zoom:400%" onLoad='setTimeout("zoomOut()",200)'> <nobr>ズームアウトしてページが表示されます。</nobr><br> <img src="image.jpg"><br> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!