|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 0 n& c4 X* N" ?0 a$ R! Z% O
$ p& y, ?1 C3 d7 [
第一步:把如下代码加入<body>区域中3 u/ J! R* L0 @6 W9 J" p% [
<script language="JavaScript">4 c) o/ }# X& j/ y
( p8 z% q8 o/ V" t2 W
function nextSize(i,incMethod,textLength)
+ G" M# ~ ], w% `5 E. \# T{# V: G V8 T' O- G( t! W& X4 ?- z
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );3 w$ o6 B$ k$ q5 b% {7 w( q
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; C( U4 A6 v7 a" N6 a}; _& R A- ] W! Y4 N0 B
& u3 p* ~+ p$ ?# hfunction sizeCycle(text,method,dis)" R0 T& w! q( Q6 I/ q
{! W% W6 l: ?; R- a9 E; U
output = "";) {8 }" I, J. Q) T: z `, j
for (i = 0; i < text.length; i++)
/ n, ~2 y s) g6 j2 x {
+ z* G( w3 S& m. ^8 h size = parseInt(nextSize(i +dis,method,text.length));2 L; w5 e9 R& Z/ f8 J' w0 L
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";, x- C6 }( K9 V; }8 u1 C
}
n' h# N! U& T1 F5 \3 | theDiv.innerHTML = output;
0 c, k1 {5 X- q. o( {}5 L% T3 z3 [& Y$ W0 e4 l
- U ]! T* R) t I7 N1 G5 g
function doWave(n)
+ l. G7 a. O: P{
7 h) @4 @/ ^) `6 H1 n7 g! U theText = "JavaScript";
# g) I2 T4 Q/ n/ z; I. u! N sizeCycle(theText,1,n);
6 K" D* e5 L8 Q1 D O! F if (n > theText.length) {n=0}/ B( ^7 [/ l1 {2 d) \ a! B% P
setTimeout("doWave(" + (n+1) + ")", 50);) h7 I- R H) Z
}0 q% ]7 Y4 H) s4 l
</script>
4 G# s$ l1 V( F5 P9 u<div ID="theDiv" align="center">
$ s9 A; C: v4 T( v1 A
! x5 h8 m [* W6 b! y/ r. V7 \</div>3 z- \) r4 h# z& I& z. n
4 C, {% x+ T2 i0 k# L$ U$ b0 U% {7 E
9 e' F( t# t4 C# R1 A, \) N
3 U$ L; |% k- K% @1 B3 T1 q# W6 g * J" A$ [+ w% q/ g5 \
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|