|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 {' D/ O, E! X8 y: e, V 9 ~4 c1 F6 f1 [6 c
第一步:把如下代码加入<body>区域中
) X, v, Y3 i* Y2 j- ?5 O5 t0 z3 \ <script language="JavaScript">; i9 U+ P/ A. g0 v* e" }
) o) E$ g a; H7 |( J$ i# ^
function nextSize(i,incMethod,textLength)
/ a D0 g$ l2 W# _# e. k; n4 i0 q5 a{ n9 E% g( t8 e+ Z/ [- C+ P9 T7 s
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
. Z1 V3 Q1 M3 L1 @( b# Pif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. a1 }. @ q A1 h}
$ I0 } Z3 x7 D4 e4 \9 ~% _# d( q; ~1 Q
function sizeCycle(text,method,dis)/ A+ k9 S) o- n. }2 |& m
{9 n. T" @9 Y+ ^4 y3 g
output = "";4 r% X5 E3 \& S9 ~3 b9 i% E m
for (i = 0; i < text.length; i++)/ u2 r) _) T. [( S n# e
{
+ I$ h r2 P' v size = parseInt(nextSize(i +dis,method,text.length));$ H. A9 \3 W J6 J) o/ K8 v
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";0 q. |; S: E! L6 F% s
}" W0 [. e1 X1 g* A0 |
theDiv.innerHTML = output;" F' F+ d, v C% P. e0 C2 K
}
# _$ g. }0 z6 D( t5 V9 S
4 |5 w1 x$ t6 t+ ?4 Pfunction doWave(n)
3 c* ^& X! t ?/ H1 ?+ I{
% E8 m8 M0 d1 t9 ] theText = "JavaScript";: G4 V4 Z, f1 @/ G# {! D
sizeCycle(theText,1,n);- P0 D3 B3 I" }9 a; h Q
if (n > theText.length) {n=0}% {) D! G6 i. J% p/ }
setTimeout("doWave(" + (n+1) + ")", 50);
- Y0 |# M/ h& N( f3 p}
& p5 W! Z/ u8 _7 u( q/ k</script>
. ^) Z1 F7 x2 C# M) T' Q6 ?<div ID="theDiv" align="center">
* g r! O" _8 [- {/ d3 X0 @" S2 J. g% h! Z2 B" Z/ r5 r0 ?
</div>& ]0 v4 O( I8 o; J) O. ^
- @" j. ~; h9 f* x+ j
' l( h- h& ?* q3 Y. ]0 j* Q; K9 u5 R0 f# f% }( f
; o1 t4 T9 o& V) l* b第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|