|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 3 U5 A3 p, X- D$ K7 w
, b8 X3 k6 G; ?# n6 v+ [
第一步:把如下代码加入<body>区域中3 h. z- y/ q! E$ p5 Z2 Z+ X
<script language="JavaScript">0 T* u5 _# e" G2 i
4 b1 n# b7 U! [/ X; M" z6 A5 t5 U
function nextSize(i,incMethod,textLength)- e2 K( w3 q# b2 }6 R x
{" E2 P: d# [- Q: a- v" J
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );" n6 o% T) r }& ]
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
4 @8 S B6 z9 P0 v$ V' _/ G( F) N}) [, T2 p- {4 {" S! @8 c
* r6 e B; Q4 r0 j! \
function sizeCycle(text,method,dis)& @) V u3 u- J2 O* v1 v
{3 k6 _* g$ Z8 e; o! Q
output = "";4 e! m% _# X5 c) h
for (i = 0; i < text.length; i++)
8 l9 D9 \0 P+ k1 Q' k {
% k/ }( o3 _8 C. Y size = parseInt(nextSize(i +dis,method,text.length));
5 o- m" x$ m' i output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& z( E7 b5 c6 Q+ T' ^' J
}; r. I T# i4 J
theDiv.innerHTML = output;* E! \! ~* x# \9 c+ A* n; n
}/ g2 P, z& P; N8 A& m$ v, ?
* U. j; a; t7 B! ifunction doWave(n) : j. j/ [& S. {- X* j& M
{ % K# D- s6 n7 l$ ], G& f; j0 H# g
theText = "JavaScript";3 s6 T, r6 x' `, U; x. j
sizeCycle(theText,1,n);: P/ u7 ~9 D1 Q3 `
if (n > theText.length) {n=0}0 o6 c% b# c6 P Z3 }! G
setTimeout("doWave(" + (n+1) + ")", 50);5 o( U5 `2 P: i9 g; e/ V
}
9 l# {* B3 ?% f7 I8 o) L</script>8 R8 E9 U: A# X8 u: Z: q, H
<div ID="theDiv" align="center">8 k& N1 p# [: A
4 V# G" w1 `( C5 P+ ?
</div>
' M( E. v& L2 r" D, t7 T' e3 p( n" O% F
c% v( x8 v* f c7 E* s0 @
) V. |6 Y9 F- k/ K
& [+ ^" X# k1 q! Z6 v. m3 R
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|