捌玖网络工作室's Archiver

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

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

脚本说明: 2U_BC%`&^uI.z O{

'zN7Y%b H ?'W'T;x 第一步:把如下代码加入<body>区域中
b?RY-GpbGj'QM,`5I <script language="JavaScript">R*y~ m3FWr

4u.B3d QC function nextSize(i,incMethod,textLength)
VMfzu$}'p4wX {
&Za(jP7gT if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
t\.VF[*tl if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));6|PG ^-Q
};P*ZI v7s$h4U
CA a A@']gA
function sizeCycle(text,method,dis)
"VV2R,UL$u {)~"L(tvH I,i~
        output = "";%hp8h7Bn
        for (i = 0; i < text.length; i++) ?%F f'w%l
        {
$y%k ?9i? cx                 size = parseInt(nextSize(i +dis,method,text.length));r-I%r2g{Hw,{
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";(s1Q D*i K+bvY
        }
bpO? XDk         theDiv.innerHTML = output;#h D+Q5eMuH3l#lx.|
}
]~R@s7p,o(w .X+C M7X%S] lW4E
function doWave(n)
OO2XTr"|b*~h5D {   2n;n(h M` H%AB
        theText = "JavaScript"; Z z7B+D:T9K0hV'VU
        sizeCycle(theText,1,n);
?!`5hp vRT`&dk         if (n > theText.length) {n=0})IJ;D:l7jd*PQ"] bOY
        setTimeout("doWave(" + (n+1) + ")", 50);
K$?|2~,Sz } OlD~(~
</script> P.~P3E"{s
<div ID="theDiv" align="center">
\-TPcF5B9Ns8iq;R
u+zVey0[ </div>9{R1H3vj0v!p$V

Bz ~ z!KNN 5?!gr9i4us
1KH@4nNJ
%IS WT |R#n&T%^
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

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


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