|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
9 ^. f2 i: I8 E1 Q+ u" [* B7 v
' a6 `& T# S6 e1 R4 l第一步:把如下代码加入<body>区域中 v5 V8 ~; N3 } O; Y q0 [5 f
<script language="JavaScript">
2 j8 w" ] L+ j- \0 r& I6 ~% K0 F$ H! D" K; b6 }# p1 r' L
function nextSize(i,incMethod,textLength)
: r+ N f! [5 ?' l0 s0 V2 { {{* c( o: K8 n9 L/ }- @0 D5 n
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- l/ X. _4 @" Gif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));- C @+ Q: u6 Y/ z3 d7 b
}) v/ k7 J; K: s9 l0 Z: x4 S( t
+ |# m* f9 s4 k. ^function sizeCycle(text,method,dis)( F3 `& }, q$ r) i
{
6 p2 V! y) z7 L, O' t8 B" L/ X8 q- y1 V output = "";
" D8 S- Q8 P3 C$ y for (i = 0; i < text.length; i++)8 }/ Q; G, Q# v- k2 [* Z! J6 t* {
{- @# [7 H# {' ]7 s+ D9 F5 L
size = parseInt(nextSize(i +dis,method,text.length));: C$ N H5 v& s, M% C/ ~ j1 P
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";: x( Q" U4 `/ S1 [% {" I5 ]. f
}
: e0 ^* p1 i) Z3 S theDiv.innerHTML = output;: ]. c8 x# I+ C0 ]5 |4 Z1 ^
}
! H' k- g' h- K7 p
+ N& n3 S- I; Jfunction doWave(n) / R7 D9 M- b& s
{
! u6 h/ k8 C7 j! I2 p7 {# I theText = "JavaScript";' K6 K8 w# I i" |( @
sizeCycle(theText,1,n);
f" Z' E3 a+ w0 {7 G if (n > theText.length) {n=0}* `/ `) ~0 ?) q5 Z
setTimeout("doWave(" + (n+1) + ")", 50);
) E0 E* W# o9 `% _4 t, v4 `$ r z}
: X$ V: Q) P. }3 o$ i; N7 q; R( S( A3 h</script>
, G! r7 u' C2 _' j. y<div ID="theDiv" align="center">, W; Y$ \5 g) J1 u8 b9 _% n% u
4 j4 j1 N) L v; p @5 e</div>! {& d; p: o z4 r
. s$ k# P2 n- q5 [: C
7 |7 G( S- Y: @: a2 Z0 i4 i- ?
9 k! \" J, Y" R H( e
0 x7 u$ [3 v5 c4 y% q$ `第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|