捌玖网络工作室's Archiver

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

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

脚本说明: aJz}-Z

1xxB5Fpo i*q 第一步:把如下代码加入<body>区域中
1O$E3r W:I&[.Rf D <script language="JavaScript">
t V+BZ'h}s{&Z-i "G4k9GsskmL0j
function nextSize(i,incMethod,textLength)]3uCP)_
{%r ng.L2xF{8F+_8N
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );BW!I2W8hES
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));8W3Z3rq:l/[2q
}~Gf(W0f Dw

k}*LD P3rY#[ function sizeCycle(text,method,dis)
eQL1zV.Y {
,e4Nmv c[         output = "";[G6Z@;V4O
        for (i = 0; i < text.length; i++) u q |.@]1cg
        {
Gr3J5Gax.k(|                 size = parseInt(nextSize(i +dis,method,text.length));
h5j{R;qdM D@                 output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
,JS^YZ4iDj.b         }
8x*pW0N0V;p         theDiv.innerHTML = output;
c#Way WB6P }
!n4j T!`d t7yOP6y:G&N
J:Ij\8C+pL~*?"XY function doWave(n)
zn9wDq G,x:p/p0[ {   
"T2_I9Lg.@         theText = "JavaScript";c&G6s3oKn
        sizeCycle(theText,1,n);\6srt~|Q1h
        if (n > theText.length) {n=0}
;Z+} Bi+EJR vS         setTimeout("doWave(" + (n+1) + ")", 50);
+}/lN;irr }:J3R,E0?0^M"|
</script>
Zvt.U+z%I1Y8C <div ID="theDiv" align="center">t f j&m~he
`#U2P-` @\(S;^
</div>
"n5m$| U;{-t /i:X*m_9U{
K-[$u(J.] t!u6P i

{b uv#c/H
f9kQ#y1t,a^ei 第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

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


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