北國風光
千里冰封
萬里雪飄
望長城內外
惟餘莽莽
大河上下
頓失滔滔
山舞銀蛇
原馳蠟象
欲与天公試比高
須晴日
看紅妝素裹
份外妖嬈
江山如此多嬌
引無數英雄競折腰
惜秦皇漢武
略輸文采
唐宗宋祖
稍遜風騷
一代天驕
成吉思汗
只識彎弓射大雕
俱往矣
數風流人物
還看今朝
安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <style> .vline {font-size: 0; margin: 0} .line {font-size: 0; margin: 0; display: none} </style> 步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。 <div style="position: absolute; left: -100%; top: 40%; width: 300%; height: 80%; overflow: hidden; text-align: center;color:red"> <p id="p0" class="line">北國風光</p> <p id="p1" class="line">千里冰封</p> <p id="p2" class="line">萬里雪飄</p> <p id="p3" class="line">望長城內外</p> <p id="p4" class="line">惟餘莽莽</p> <p id="p5" class="line">大河上下</p> <p id="p6" class="line">頓失滔滔</p> <p id="p7" class="line">山舞銀蛇</p> <p id="p8" class="line">原馳蠟象</p> <p id="p9" class="line">欲与天公試比高</p> <p id="p10" class="line">須晴日</p> <p id="p11" class="line">看紅妝素裹</p> <p id="p12" class="line">份外妖嬈</p> <p id="p13" class="line">江山如此多嬌</p> <p id="p14" class="line">引無數英雄競折腰</p> <p id="p15" class="line">惜秦皇漢武</p> <p id="p16" class="line">略輸文采</p> <p id="p17" class="line">唐宗宋祖</p> <p id="p18" class="line">稍遜風騷</p> <p id="p19" class="line">一代天驕</p> <p id="p20" class="line">成吉思汗</p> <p id="p21" class="line">只識彎弓射大雕</p> <p id="p22" class="line">俱往矣</p> <p id="p23" class="line">數風流人物</p> <p id="p24" class="line">還看今朝</p> </div> <script> var ti, cnt, fv = 0; function handler() { var i, sz; cnt++; if (fv >= 25) clearInterval(ti); var mx = fv+8; if (mx >= 25) mx = 25; for (i = fv; i < mx; i++) { sz = -cnt*2 + i * 10; if (sz <= 0) { fv = i + 1; document.all("p" + i).className = "line"; } else if (sz <= 80) { document.all("p" + i).style.fontSize = sz + "pt"; document.all("p" + i).className = "vline"; } } } function init() { document.all.p4.className = "vline"; cnt = 0; ti = setInterval("handler()", 200); } init(); </script>
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。