|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: " |$ Q% A) |( D8 G& s
N. N& f' A3 H% Q. k( C, I
第一步:把如下代码加入<body>区域中
: t8 _$ e! e( K <script language="JavaScript">* G/ X* f+ s$ w p" j1 H9 V
; n( p/ }) x1 v( @- N( ]function nextSize(i,incMethod,textLength)
" t7 c% z5 ~. K! [+ r5 R' n* o, G& B{
3 v1 {1 N) j* u) X3 c4 sif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
! ?% a# z: L/ x/ ~if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));3 @: c3 K" ^+ F' L) k/ T! [
}( H0 r. v; x/ f1 \6 H9 x' p( J+ q
+ F9 A/ j% J2 q8 [- g
function sizeCycle(text,method,dis)5 W; w9 l, E0 [
{
! M/ T3 o7 g# \4 N& v. k* t5 D" n output = "";/ S( u8 J0 J/ J
for (i = 0; i < text.length; i++)) l$ b+ G9 F+ [6 f
{
+ c- _/ b& o4 u* ~( i& v size = parseInt(nextSize(i +dis,method,text.length));' R. N$ \8 t. r9 o7 l
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; k% _0 A: g& n( H3 _( t6 M- f
}9 Q& q' g. W6 B: G+ X, _) d
theDiv.innerHTML = output;
4 Q0 [ L: K' }}# f& W3 x8 W# s$ f
% y! P' ^3 i. S- g4 [* Vfunction doWave(n)
8 \7 w' n7 j7 g{
) w7 L: p; m" N! \ K theText = "JavaScript";+ g/ e( r0 q# K$ w- d' B5 p) O
sizeCycle(theText,1,n);
- f7 @9 Q7 F) j. r' }" x$ w if (n > theText.length) {n=0}
% c' \2 M9 r. F setTimeout("doWave(" + (n+1) + ")", 50);
' u# f2 x' g1 N8 H1 r}0 X% W; h* J* b4 m
</script>* k. |: a; h1 w1 J$ e) Q' x! l2 p
<div ID="theDiv" align="center">
: c6 q: }! a: X U+ o6 C7 J1 W* N9 X, S2 }9 i8 j
</div>
9 W6 l8 |7 }+ o- t
( i' H9 w! Z; O/ @
& q" ~0 L4 P1 S' Q; ^& | ~0 w6 A/ v- x( @8 ~
" S# n8 R9 N& M7 L, T) b0 J8 _4 b2 R
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|