|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
0 J2 H C7 c" B( }# K# z C# R
$ f; V% Y5 T1 l第一步:把如下代码加入<body>区域中
& T3 F0 Z7 J8 N" Z5 a; L( D <script language="JavaScript">
3 g" b8 p' x# Z" K3 i$ z& g( m; I# {+ d1 t: G8 }) E* i
function nextSize(i,incMethod,textLength)- v: h" B! \/ @0 r! ~1 d
{
% O5 E1 F" p D7 C" y, K8 { n; k! N; jif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );$ y- R1 y+ @* R0 Q, H7 g- W6 W. q
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));+ U- }1 F ]/ d. W5 R' w
}: }" |4 x% d# B! A6 \
' w4 \3 b8 f% |5 u# j/ ufunction sizeCycle(text,method,dis)
7 J: F$ `2 G3 q, X! G{5 X, a$ g( L: ]
output = "";% _1 ]- S& T4 E
for (i = 0; i < text.length; i++)
, x9 U2 {4 P& g9 J/ Z5 Q {8 G% x- d' J- ^& ` p7 m
size = parseInt(nextSize(i +dis,method,text.length));8 |2 d6 w# C `* U8 l, W* x
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";' h8 ?: l9 p3 [. ` I
}9 F, `) M* R; V; |% V$ M" t5 C
theDiv.innerHTML = output;/ j& R3 @& F. i
}
, |6 b3 j/ ~1 Z) h) Q" h0 J& ^. i+ F: W
function doWave(n)
# k1 y l& h% M4 N+ k{ 7 f& {/ ~" D7 W l
theText = "JavaScript";
! I3 V# H/ s/ N/ }# [! ` sizeCycle(theText,1,n);6 A0 ], \: u( |" k
if (n > theText.length) {n=0}
0 b; A4 `# ^) g& z setTimeout("doWave(" + (n+1) + ")", 50);
$ B# Q+ ~) q& V& B}: s* x2 y* b- _7 X1 R7 {
</script>
5 A. b. u: O: v+ Y: h<div ID="theDiv" align="center">
! |! R: T- Y- ]$ p# w4 l
% r4 |$ S, H l0 y</div>4 D5 T) s$ C1 }, ]( F1 Q8 C9 l1 y
8 R- @. D. Y$ w) U& l7 e
) x4 j" E4 ?) H! b, ?1 T. a+ a
2 q4 p% m" V, M# \3 u
; G& W; G8 B+ \
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|