|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ) R7 j4 L! q! ~0 P7 g6 K
! s: D3 a# [9 A" |: A
第一步:把如下代码加入<body>区域中
# S* u; {2 M" e7 K3 a5 B) I <script language="JavaScript">
6 \6 _9 L4 u1 W2 e7 ]7 B2 L# B5 n* L2 G( D, I4 Q3 Z
function nextSize(i,incMethod,textLength)* k. j, |+ ], s
{
- r( @6 I3 x1 gif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- h" m. h( J/ q- ~1 Z6 Fif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
5 g5 M; J) Z! P/ s. h+ \}
; s2 X7 O' E' x6 F3 T6 Q1 [# A
' a+ G" f8 ]$ [' H" Tfunction sizeCycle(text,method,dis)! t% v) h2 \5 G0 B
{) Z. `/ w6 |4 z+ j n' O
output = "";
5 W- I6 C/ W- h, ?2 \ for (i = 0; i < text.length; i++); V9 E4 p1 s( {2 s. A
{; O. N' T5 `2 k+ T( n
size = parseInt(nextSize(i +dis,method,text.length));
- b/ f4 k. h! {# l6 E: u output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
4 s9 W3 t+ k3 I1 L }
: b& ~* n# Z( \) R theDiv.innerHTML = output;
" j: Z( {( k( f* ]1 f} F& n' `! P* V1 L) ^
8 w2 i% K% V6 h5 J
function doWave(n) $ _2 Y7 M* R2 [# P2 Y) I
{ + J6 d, b3 Y8 z4 D
theText = "JavaScript";& A( x, [7 v, l6 k" z2 y2 q
sizeCycle(theText,1,n);' D4 ?3 c( a, `# d& V' k
if (n > theText.length) {n=0}
, |2 S0 U2 ?$ o/ @2 O0 \" L7 S& h; d setTimeout("doWave(" + (n+1) + ")", 50);
& T3 d- u4 V; n5 p8 r- N2 v}
4 V' d0 e A& A! [0 N' R& E, @</script>
- n! c2 z3 j% E5 A4 |3 ~" s; G<div ID="theDiv" align="center">
. v( `7 Y6 _& h! Q" x
& w4 e$ g' m" V, l</div>9 G6 _! | j; J( D( q# q) K/ w
# Y5 F3 \+ a0 N
" I5 G9 B+ F9 q" M3 Q* E, E9 K- y9 k; T: a
2 G# \/ |$ J% l& L% t第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|