萬盛學電腦網

瀏覽器 Windows 10 WPS Office 防毒軟體 資料庫 Excel 教學 檔案管理 Word 教學 網頁製作 裝機必備軟體 Linux 教學

您现在的位置： 萬盛學電腦網 >> 電腦基礎知識 >  >> 電腦入門

IE 瀏覽器隱藏功能：一行 JavaScript 讓網頁圖片圍繞旋轉動畫

趣味發現：IE 專屬的「圖片旋轉舞」

在 IE 內核瀏覽器 (IE6-IE11、舊版 Edge、部分國產瀏覽器 IE 模式) 的網址列貼上一段 JavaScript，即可讓當前頁面所有圖片以絕對定位圍繞旋轉，純屬娛樂/展示 DOM 動態操控能力，**無實際生產力用途**，且現代瀏覽器 (Chrome/Firefox/新 Edge) 已封殺 javascript: 協議執行。

執行方法

  1. 開啟 IE 瀏覽器，隨意訪問一個含圖片的網頁 (如 www.baidu.com)。
  2. 將下列代碼**完整複製**貼到網址列，按 Enter：
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i
  1. 頁面所有圖片即刻開始圍繞旋轉動畫。
  2. 停止方法：右鍵 → 「重新整理」或 F5 重新載入頁面。

代碼解析

變數/函式作用
R動畫幀計數器，每 5ms 遞增
x1,y1,x2,y2,x3,y3正弦/餘弦函數的頻率、相位參數，控制軌跡形狀
x4,y4,x5,y5軌跡半徑 (300px) 與中心點偏移 (300,200)
DI=document.images取得頁面所有 <img> 元素集合
DIS.position='absolute'強制圖片脫離文檔流，以絕對定位移動
setInterval('A()',5)每 5ms 執行一次函式 A，形成動畫循環

安全性與相容性警示

  • 僅限 IE 內核：現代瀏覽器地址列禁止執行 javascript: 協議，Console 執行亦因 CSP/安全策略受限。
  • 非惡意代碼：僅操作 DOM 樣式，不竊取資料、不修改伺服器內容，重新整理即還原。
  • 教學價值：展示 DOM 操作、定時器、三角函數動畫、javascript: 協議歷史用法。

現代替代：Console 手動執行

在 Chrome/Edge/Firefox 開發者工具 Console (F12) 貼上函式本體 (去掉 javascript: 前綴) 並執行，同樣可見效果，但需每次手動執行：

(function(){let R=0,x1=.1,y1=.05,x2=.25,y2=.24,x3=1.6,y3=.24,x4=300,y4=200,x5=300,y5=200;const DI=document.images,DIL=DI.length;function A(){for(let i=0;i

結語

這段代碼是 IE 時代的經典「彩蛋」，見證了早期瀏覽器對 javascript: 協議的開放與 DOM 動態操控的威力。今日雖已成歷史，但理解其原理有助於掌握前端動畫與安全機制演進。嘗試一下，給枯燥的網頁加點「旋轉魔法」吧！

電腦入門排行

推薦文章

萬盛學電腦網| 日本語版 | 設為首頁 | 加入收藏

copyright © 萬盛學電腦網 all rights reserved