|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ! h0 a! c: I+ J
2 Y1 q2 `( W& C- {& D# c9 ^3 ^第一步:把如下代码加入<body>区域中
9 s$ z1 l9 V8 P7 z7 a5 _% N <script language="JavaScript">
- ^7 E% H8 K& j8 T+ ?6 L, h# z/ c& F5 S+ c3 R: k
function nextSize(i,incMethod,textLength)
( B5 f& M, {: A6 c{. X) ~) `) t6 N! @5 s3 Q, R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
* W- D M# i) ?6 M2 `$ cif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));2 J2 q5 L o! G
}
5 E( e4 r. w% t5 `' \
) K) e# G4 N% hfunction sizeCycle(text,method,dis) i- u- |) }& {$ d
{# g; l* S S. h$ _. w& Z
output = "";! a! p% m) V8 F7 _ B
for (i = 0; i < text.length; i++)
, K5 ~! m! j% M: H3 ] {* s% }$ H, t1 A# K1 l* _1 s
size = parseInt(nextSize(i +dis,method,text.length));
3 M# |7 h. P8 W& V$ {% V' X output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";" K6 g; o0 ?% T( T: A$ d w$ h0 F
}3 X4 v! E2 N3 ~0 q! p# S% k
theDiv.innerHTML = output;
( _% _* g2 b9 R! l+ P4 @}7 Z+ [! C' X- R, t% x% d3 W S
- N1 R ~& p# l6 h7 G
function doWave(n)
/ h% Z3 @5 y8 l+ g{ y% A7 B; h0 |' R7 H1 \- k
theText = "JavaScript";+ P% @% U1 Q _1 x2 I. W/ J: |
sizeCycle(theText,1,n);3 J: u' F0 l; O* \# ?& x6 X9 N* z" u
if (n > theText.length) {n=0}4 D% a( F& F. { _& D& o8 J9 @% T0 i
setTimeout("doWave(" + (n+1) + ")", 50);
/ V3 j. j/ W0 [3 O4 M. D: v}8 @: r- ~* \4 v. ]3 r: Z9 V) @
</script>% S4 z! k" A1 t. @
<div ID="theDiv" align="center">! E# v7 k: i" R* V% N3 s
/ U* @9 _4 K& s) v
</div>
6 @. U* Y r" T1 j5 w1 k8 F x$ C0 y O `2 g. I
" Z% f/ L0 m( s& p3 z) y
0 R. @' i B/ t* |
5 \- }9 E+ @5 m `; p b第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|