|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ( ~4 s9 S2 T$ r# o9 n% Y9 _6 W( R
6 s" L! k; d6 B) c第一步:把如下代码加入<body>区域中 p9 k/ c }! c# n: r
<script language="JavaScript">
6 K" a9 w% J6 S, P% ^4 z" z) X3 M7 b, g6 m. d
function nextSize(i,incMethod,textLength)% B$ D) W& K) p
{
6 t+ q1 c9 W" ]9 g1 S1 gif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
* [6 v# @" a$ E" e, fif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));, g; `* U# C) Z2 ^
}2 Z/ [3 d& S5 q/ x5 R
( a1 E/ K1 f1 tfunction sizeCycle(text,method,dis)
( F1 m, }9 U5 q# a$ J1 K# @. s{" ~( Y5 u1 |+ I! s1 _
output = "";
~8 h' O3 s) d! _) [- D |% y8 D for (i = 0; i < text.length; i++); ]8 }4 L7 x0 d
{
: X' v- [) t& K4 ?0 K) S j( ? size = parseInt(nextSize(i +dis,method,text.length));5 b0 g4 h; w2 F
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
# }7 K6 x$ B; s G, ?- b7 h }
: F" D. S5 E' \ theDiv.innerHTML = output;$ e( ~2 O$ q$ ]4 P. J1 j2 D
}
6 L# ]7 Q) z) I4 q
3 A7 F3 Q5 d/ D3 n3 r0 gfunction doWave(n) : P# v2 [% B1 Y3 U6 i' I
{ - y% ~" T# A- L& n
theText = "JavaScript"; s9 b: V3 t* ]2 t3 a
sizeCycle(theText,1,n);3 Q4 H. E4 l3 p7 R
if (n > theText.length) {n=0}: B, T' C' @$ c' [. v, o& Q
setTimeout("doWave(" + (n+1) + ")", 50);
* k) Z8 G& Q$ \}
# `* L$ \. s2 e l1 @! ?</script>
1 [6 i$ |- v- x3 F- {& B<div ID="theDiv" align="center"># D5 v) Q1 _9 p; f* P1 s
% J( t9 \$ V( O* A/ K
</div>
. x" X+ a2 V d# ~. q. m( F% Q. g$ x9 s) k" L% K1 c, s
+ v$ P4 h7 U4 X. p, D3 M
6 J: ?$ Q: h: g1 I F0 G
6 U) z: r* Z' u5 _/ P
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|