|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
+ h# A( C- y4 F; `. U9 {' h+ a- t; R 2 c* U- A0 b# H
第一步:把如下代码加入<body>区域中, Z* |! F; j% I3 n/ O
<script language="JavaScript"> o/ d4 q0 p+ o+ j- o8 R* h
/ ~3 S! ^1 b1 A1 @! _6 P+ {- zfunction nextSize(i,incMethod,textLength)
4 q1 g# F* y' M; V3 X2 i6 p{
5 I# I$ s8 r/ Q# Mif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
5 Q8 u6 j9 h) y& {5 u* f, qif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
5 O. w* i8 o, h' d* g}
! `. {& r" g6 v! H5 ?; c. _; \$ {" z% ?. c
function sizeCycle(text,method,dis)( a7 e! |/ \7 l
{" e0 M2 C/ \ X2 ?0 G
output = "";
( [" S, l9 p: H ] for (i = 0; i < text.length; i++)% q/ c, q3 \% y9 J$ `7 W! E
{
' |4 H' V M; }* R. d$ R2 w8 t, q size = parseInt(nextSize(i +dis,method,text.length));& r/ T* T+ X3 X7 W6 Y: j* j
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- d$ P0 F# |% p; d }
0 O* O, q& n! @$ W: L theDiv.innerHTML = output;
# q! l3 v! J: v t! j2 Z}
* L1 W3 n( j$ C- ]( l6 s" u8 b8 }- I" o1 o- k
function doWave(n)
" B' r+ p# S, `7 {! B$ g{
; _% w- O1 l+ I5 H; D5 i3 q theText = "JavaScript";
1 y( s0 X! }2 d+ W6 a sizeCycle(theText,1,n);' c+ a2 o" u& c( d# E1 u7 f
if (n > theText.length) {n=0}
2 e3 u' C- t4 @3 V1 U: g0 X4 E setTimeout("doWave(" + (n+1) + ")", 50);
: W7 F2 q, ?, q6 O7 N, Q}& `$ R' }- z- f, ~, H
</script>3 q/ j8 @; W( U7 M1 e' _
<div ID="theDiv" align="center">' r$ N/ e6 o8 \$ A) x7 ]
( C* k6 e* D U d9 w/ K- z</div>
) X' ]4 @& d6 V9 d) A1 L# T/ L/ M- Z9 u8 [+ J9 L( a2 J
; m$ M! t# I# w" N
1 s5 g6 t% i7 s$ t9 j
7 @' h; |, E1 Z0 `) W第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|