|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
8 j* F% r3 f4 g7 o) E! Y
5 u2 x% O2 \- Q8 [第一步:把如下代码加入<body>区域中
0 a9 R9 D+ F4 S8 P+ o6 X: D' v <script language="JavaScript">
. e8 s; \3 a/ p9 u/ M0 b. g9 W% D
function nextSize(i,incMethod,textLength)
+ B4 i M4 ^% B0 `5 ]{
1 `. i6 o: V2 J4 iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) ); O) W3 k( @; F+ j4 }+ r+ h$ b, x: y
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));9 B( O3 z" n- ` M. c6 M
}
& p' S0 ]/ w9 M7 ^9 _5 o
# h; C h$ [) H0 Q3 ofunction sizeCycle(text,method,dis)0 X; P: i ?1 l, v% |2 ]; Y" T& N
{
) O/ L9 n9 e$ B# N, g+ _) @ output = "";
0 ?8 y+ p v; \; Y. ]6 S for (i = 0; i < text.length; i++)* `4 q+ C. W1 ]8 a) i
{
" f2 _" a( M! a- s size = parseInt(nextSize(i +dis,method,text.length));% a5 ?# \; |# F3 }
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& k* p* i: K1 U; _, V' u J
}
* f7 J6 K' l% ?0 [ theDiv.innerHTML = output;$ e" M" \# ?6 z
}, O1 J K- p' Q
' y+ \ {5 `) H: U& K9 o0 |function doWave(n) / e6 P* s5 R1 D9 ^5 F- H: J
{
) @" u+ I8 x9 N1 r0 P" b8 o2 X theText = "JavaScript";& r& e+ _) Q( {& [
sizeCycle(theText,1,n);
/ e W2 Z- N" U$ G if (n > theText.length) {n=0}3 \9 ?2 s0 d# {* L
setTimeout("doWave(" + (n+1) + ")", 50);' t9 b( v3 S% e. y! L
}0 t! v8 x1 I0 Q2 y
</script>
: \% e% c* a9 I# F<div ID="theDiv" align="center">
- {0 o2 s- s& T5 `3 N* I% d/ G! f U
9 L" |8 d6 A# H; H3 l' x</div>% @; K+ B$ s M# j" i% B7 J5 W& S
* F* f; {7 B9 X
5 d( o- h* I' J' b( d0 m- s/ O8 f
/ K' J0 t. R q0 q" n. U4 Q+ J 5 t. r; h+ a3 z0 C3 S) ~
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|