|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ' H+ {/ V, s& n3 I2 ^6 m
& A# F0 ]1 V, T, N1 Y2 ^/ W
第一步:把如下代码加入<body>区域中
! g4 p1 P G+ @- N( l! ~ <script language="JavaScript">; S: W! O5 V0 t; P+ l/ G
9 h" l9 `# Z N/ H
function nextSize(i,incMethod,textLength)
- o4 N/ F4 \/ y$ Z6 h' t/ ]{7 W8 N; X% u+ H! D4 c4 K' m
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# F5 r( S$ Y' ?+ Z6 vif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
, |" Y" g# y3 E4 A0 C}9 V( E* {8 v( B8 c/ H
+ Y' o! @6 H+ h- t- _1 _function sizeCycle(text,method,dis)
4 s, l8 v* f) Q' f4 X6 s{
- I0 H* j8 n6 m output = "";. \* L2 Y5 Q. A) z
for (i = 0; i < text.length; i++)
7 F7 }2 f: P- l& W5 z+ f0 L {7 ^( Q$ e( ~* j/ w
size = parseInt(nextSize(i +dis,method,text.length));2 X3 E! R0 {! j. u: C- D5 A( e
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
5 v7 o+ b" D! Q- T% y8 c9 l! s }
3 d9 J; y) V: E3 c, c theDiv.innerHTML = output;- y9 A9 [! S. z4 r
}
7 }6 ?5 H4 K& a0 T, f+ ]; h& y% I4 R! Z, f( u
function doWave(n) 1 X( S% M5 I( l6 y# ]- K
{ $ K& p$ d9 B P, e; v v4 o4 v# H
theText = "JavaScript";/ n Y0 c3 B( ]- x
sizeCycle(theText,1,n);7 g3 U" q1 k1 a4 u) u7 w% h$ X
if (n > theText.length) {n=0}
' z& C, r# {, I setTimeout("doWave(" + (n+1) + ")", 50);
/ Z* N# A. @+ m0 u3 a; U}
1 s; `( c- w" y! W# ~: w</script>7 f% V+ q! U; F0 j3 q# j
<div ID="theDiv" align="center">6 K7 c2 l3 v& n, p' J
+ f* ^( ^- \9 V: b6 |1 L3 B+ I</div>0 B) E' ^$ \, a: o7 y
. l9 B, O. g, k: d$ o0 U$ w# H6 D1 a2 M% v& R1 v
) C! S7 O- \8 d* Z* _
* d6 X8 m$ d* v5 o& d. E
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|