|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: / q: Z8 S1 Q, y* u6 q' |& J. ]( X
- J% g% T$ I" `# K: y第一步:把如下代码加入<body>区域中
# Q: f/ P2 |* M+ I$ V& T <script language="JavaScript">
- p" w t' w4 U1 S% ^) o* r
" Z q3 G. N% k- }function nextSize(i,incMethod,textLength)' y/ Y2 Q" X/ W N. v- C
{
}& ?+ [" T, v5 ~" y0 \+ nif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- V S7 m3 j0 X
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' k6 E3 h' M1 |5 K}+ x; o4 c$ B( x; B9 J
. \3 M% g9 u) R0 q% l! {- M2 E0 R8 bfunction sizeCycle(text,method,dis)
+ |% E# Y+ N( F+ T{1 C" D7 C" c* b, y6 B. o7 e5 X
output = "";
! l0 h/ z/ O0 K# Y! W0 o for (i = 0; i < text.length; i++); r) e* J; B# O
{( t7 q4 Q" V2 p7 |& Z7 t
size = parseInt(nextSize(i +dis,method,text.length));
3 O. k9 C& |7 n; } output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- I& d: n- D1 g }
0 ~( N9 f, [: j. x6 @5 f- g theDiv.innerHTML = output;6 m. m( W; P1 V1 H) M
}, K! D+ S; {& i! o% U- x0 T3 D3 ~
1 D7 j6 O8 ^1 E" U$ F
function doWave(n)
% ?+ U- I9 N! W4 ~4 y. u{ ! @0 V: m! c! Z/ R, e9 Z
theText = "JavaScript";8 X6 n( w* W1 [% c4 _* d
sizeCycle(theText,1,n);( v; A7 o0 \! i% j7 c7 E6 h3 z4 G
if (n > theText.length) {n=0}3 Q! b$ C( v2 W% z' u1 R/ b! C. y
setTimeout("doWave(" + (n+1) + ")", 50);5 E" c3 f) i& Z# g+ T! g- d8 y6 N
}
0 J3 w* ~, }) F: g1 Y& A</script>1 |/ _( x8 a: a7 C3 U* n
<div ID="theDiv" align="center">
$ T* d1 b% J C: P* R5 {: F) i; x1 G" O# D" N* G$ N& C" }4 t
</div>8 u [6 P- ~8 r" {( K; \* ]8 P1 ~0 v7 \* \
8 A- v( ~) h- p- B* j
1 }) E* L& _2 r: \4 r2 w6 I2 n- @: H$ {2 k& {
& }9 T, a6 i. T# X. B& x) R9 @第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|