|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 7 k: e' C* \4 y* N# _" Y, {3 \
5 E4 I( ^. d. L
第一步:把如下代码加入<body>区域中: k/ x0 W5 A( |' l! W% G
<script language="JavaScript">) s3 X, B7 O# d3 N- S: a
9 _0 N3 q. O4 d. `7 M& {function nextSize(i,incMethod,textLength)
, z5 }# W y. v6 r{. Q& Y+ B" J: b9 U/ h. R
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
& W( v- P% R6 Q- R- O V1 g2 `4 C4 Xif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));& y: t7 [# v3 D3 \1 G- Z
}
1 j" H0 v, p5 }# z0 j: E! D
7 ^3 q0 V$ u0 [+ ~function sizeCycle(text,method,dis)
: } t9 i2 F5 X1 F8 A9 o{- u3 M/ a/ Q0 t+ b" D, L7 l
output = "";2 K8 y3 B" y, ]! D+ R1 `( \
for (i = 0; i < text.length; i++)
4 V4 X" P) v- s {
- |6 |, X2 H9 N size = parseInt(nextSize(i +dis,method,text.length));3 B7 W5 Z0 E7 a0 z: y; ]) U( L
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
( i f! M; d! b- t7 @( o }
/ i: A" k( `0 B+ [1 V: j0 ]8 e theDiv.innerHTML = output;' k% [6 A0 m% R; ]7 ~. ?
}
; d, q; [$ k8 \* E# l# f$ Z9 G; y4 ?2 m
function doWave(n)
! c4 G( `, i+ c0 ^. J) i{ ' }- k' s# p& }
theText = "JavaScript";
2 u6 X/ c Q/ |2 Q: u sizeCycle(theText,1,n);
; p7 G% [' a+ C% A+ j0 u V if (n > theText.length) {n=0}
1 K9 ^1 F% ~1 C/ f" ~& d setTimeout("doWave(" + (n+1) + ")", 50);0 A3 a# L) O1 C+ p& R# s) U0 o1 q
}, R% {2 n" @- ]* a2 w( m& G) T
</script>
' U/ s' U2 \" m1 g$ r8 w/ n6 M/ d<div ID="theDiv" align="center">
3 n2 S+ D$ B j' d4 |# x
5 A; C% T% B D) c( G) h6 x</div>) i& P- D0 ?6 \& f; p4 e9 o
) u: G) P$ s/ ~0 r
7 _ I, K6 c9 V6 a
% N: t0 b/ ]% q
2 e! h# a3 B* @第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|