获得本站免费赞助空间请点这里
返回列表 发帖

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

脚本说明: ! j- t9 f& m2 ^. I' O0 E

1 x  B: D5 ?8 f2 P第一步:把如下代码加入<body>区域中
9 P+ o* X' r- N3 A! x <script language="JavaScript">
- H; q  G" L/ m0 I3 l
9 Q1 y6 g1 ~& ^5 T; M! Bfunction nextSize(i,incMethod,textLength)8 r" \5 q# ]" Z" T& q' W  x1 l/ Y7 B
{
1 I: u$ n4 B$ L8 k) z# J% o' aif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 |: |2 e4 r4 t% K1 u0 @if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));, l; I1 q2 @$ A  Q* T& B. ^
}
2 f: S8 B; D1 j; N2 V' j. Z+ p0 P' @& a: M
function sizeCycle(text,method,dis)) m7 Z% w4 y9 F( M  c7 y4 F
{3 J" x1 d2 T7 e
        output = "";
- T/ V5 Z8 p- o/ u        for (i = 0; i < text.length; i++)9 G) @# v$ K7 O  G9 e. A$ s" Z( Q- @
        {
* B! `9 s& @2 X- T) t; o* g+ K. {                size = parseInt(nextSize(i +dis,method,text.length));& q/ g5 y( v8 t/ u% \' M2 c! R
                output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
3 v5 Y" X7 Y# u% W$ u: f3 r        }4 J5 q6 f+ x3 Z' L8 f4 C9 j
        theDiv.innerHTML = output;
) s4 f: `" o0 d  y, N}& U0 s8 s) s2 b) g" i

5 F( w$ Q& t( ?function doWave(n)
5 {8 i; @/ {, |8 S+ d4 x- t{   3 q7 k: o  @, ^" \8 H% Q
        theText = "JavaScript";
; o: D8 @8 O! U6 g1 X1 [, g" y1 b" ?        sizeCycle(theText,1,n);  f3 F' ]' N6 X0 H
        if (n > theText.length) {n=0}0 q* q; J" w( W' M7 [
        setTimeout("doWave(" + (n+1) + ")", 50);" l: a+ u" z+ ?0 d( c
}% d) E/ O) M6 T& v
</script>- Y' f( F7 G- |) H
<div ID="theDiv" align="center">
+ a$ T2 N9 I1 P. R
4 ?" Q4 t; v8 d5 U" W( d/ |) p</div>
3 i( A" l' B/ X5 B* g
  @# ]2 O( V& w9 E0 G$ c$ p' x
& h( U) n6 p; U1 w. G- U. z. y
0 D9 h1 w) R% p4 c
& N+ M  J, ^' A* N; x  i第二步:把如下代码加入<body>区域中<body onload=doWave(0);>

返回列表
【捌玖网络】已经运行: