北国风光
千里冰封
万里雪飘
望长城内外
惟余莽莽
大河上下
顿失滔滔
山舞银蛇
原驰蜡象
欲与天公试比高
须晴日
看红妆素裹
份外妖娆
江山如此多娇
引无数英雄竞折腰
惜秦皇汉武
略输文采
唐宗宋祖
稍逊风骚
一代天骄
成吉思汗
只识弯弓射大雕
俱往矣
数风流人物
还看今朝
安装 步骤一 拷贝以下脚本后贴在有关网页的<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>之下。