|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: @3 K5 s( @) u3 h9 ?
: m2 y; f5 Y% @3 a: D
第一步:把如下代码加入<body>区域中. e% H1 Y( ]% A# v/ f
<script language="JavaScript">" A* B: }) f5 q% v; `7 ]
# r; w( `3 A9 c* l7 e! n* K6 [function nextSize(i,incMethod,textLength)* j- [0 t8 E2 ~/ a8 K% o
{1 c! F. A) k6 r u
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 H, Z& a, n; e8 {6 q) jif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));' Y/ B* ?% \. X$ ~ Z5 ?9 h
}8 z) } k: y* z6 G. R) l
$ m4 h: p t1 U& f( T3 t2 M, W' \. Z
function sizeCycle(text,method,dis)
5 a d9 Q) w- G6 s$ o1 h! [# V: X{
. Y9 v0 |: Q; ~6 Z j0 V output = "";: R; \4 z( K- ? [& f
for (i = 0; i < text.length; i++)
2 O4 v: R* }; T$ y! f% o% n( G& @ {. W# N# ?& Z- z
size = parseInt(nextSize(i +dis,method,text.length));
+ I4 e5 i @ @3 c output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";3 @4 a) U) H: U
}
* w- G2 w0 q( A2 p! G theDiv.innerHTML = output;. v1 I6 n! W7 f* @
}
; L7 v, v+ b7 @0 S5 u# n2 M# C+ d0 @1 i b
function doWave(n) - \. w m& U4 O4 |' \1 c
{
7 a6 [. S" p$ j; ^ theText = "JavaScript";/ Y# g0 f% U* n+ Z: w1 A! E. E
sizeCycle(theText,1,n);
|: I ^4 w, {( S. l if (n > theText.length) {n=0}
5 [3 o8 P6 ?! y setTimeout("doWave(" + (n+1) + ")", 50);; W' O8 P# S! w: j8 s( f/ {: W
}( I3 l" R: _$ d: D9 k! o+ T
</script>+ u0 Y6 Q- g) S1 B7 }
<div ID="theDiv" align="center">
/ z9 n0 S/ @+ l+ {( ?% A4 t6 _: S$ u8 F6 p B7 C
</div>
, f& f! P7 S0 L0 q
' _0 ?8 o3 a4 B2 _' P, z* @% _( |# c! X; |1 u7 [: G' H
9 l$ u6 H2 e# g) v7 A d% K' b: N / @* x8 d l1 V( Z4 }
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|