捌玖网络工作室's Archiver

zw2004 发表于 2008-1-21 20:50

网页之奇特的文字变化特效

脚本说明: ~m/ZsLX*`

.gP"bW5D^(I_.r"Q 第一步:把如下代码加入<body>区域中}N'\}-O-F9lf-s
<script language="JavaScript">)~1Z.jCB G'j*O#X G6Z B9U

8CN(so dxR function nextSize(i,incMethod,textLength)wx;d4g*uebt#e:Y
{0g%T&K1W![/Z!OK
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
CaG]F!\6MNo:S,c if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
$oz6a4oK }
-B,n-gtP
Jh-y(x+LQ function sizeCycle(text,method,dis)@5{'@"gGQ5Fk
{
;y/E-b/~o*G         output = "";
4a&Dh/iU5S;`*G4W         for (i = 0; i < text.length; i++)f~Bhs1C.m{o
        {yV&A.u{
                size = parseInt(nextSize(i +dis,method,text.length));&`1c0eHF9mc"j
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
in'`7y#G#t)TbC         }Q,@tA0|P,W9|:a2a
        theDiv.innerHTML = output;r3G2B {H}
} Q(cVnI2A
t/O/j!iW@`
function doWave(n)
S%i~7q `)x5D {   QhBzlC a
        theText = "JavaScript";
L*c7g0g1O2c         sizeCycle(theText,1,n);
C O&a g6bAn3R         if (n > theText.length) {n=0}F'Q7yFV"mp
        setTimeout("doWave(" + (n+1) + ")", 50);7^]g#amGg
}
N#JE1Q'L O </script>
1x2s2|IKe ?u <div ID="theDiv" align="center">
n9i G7Geb h eAX$f+G
</div>1x;F q:s6i hB O
&sPo?1G'P8oT?

-|ZEQ5Y+U TfS;y C$]8_
o%c'x!bZN7zq'Q
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.