|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
0 Y) I0 }% P5 b6 Q7 P5 b0 T8 B 8 {3 D, w: h6 O- q' \$ q
第一步:把如下代码加入<body>区域中
( I! Z& V1 Y- J& V% _1 l4 J9 z& u6 t <script language="JavaScript">3 R4 i y" Z. x- {9 {: A
6 Q7 C# q3 A( r: ^4 @( ]7 _1 W4 a
function nextSize(i,incMethod,textLength)4 u* b# L1 Q; a" `) p
{/ P6 V* e! M" W# c$ {1 N4 b
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
+ ]: X, f) {. F: L' sif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
5 z d1 N5 S7 q& B. y/ K}$ m/ ^3 n6 Z) Y; U( `
! _) E* C9 c. `2 A- ^function sizeCycle(text,method,dis)3 r$ e" V5 d9 _: U+ ~
{( s U" u8 V, @4 _$ S: D! G
output = "";7 h; J/ ~+ C( I: h' O5 T; q* g
for (i = 0; i < text.length; i++)
! w6 w+ Q! M; ^7 N2 ` {
+ C' Y9 v& \9 a( Y$ R& @, Q( t size = parseInt(nextSize(i +dis,method,text.length));
/ E. O6 B$ P$ H+ f& } output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
. f8 p6 P) h/ n# V' \ }# ^* V1 y# a' v, Y/ Z* r; N
theDiv.innerHTML = output;- U5 H) f, T5 x a) R' q5 Y. E( j- r
}
" A$ @3 s$ ~5 `. o- E
+ @# ^) T# X6 x( g9 c1 |function doWave(n) 8 F2 u% W1 T; g5 j7 {- V+ J
{
' N% X& I8 ~1 E3 U theText = "JavaScript";! Y' b$ O: q C! P. D' N$ |7 |' Z2 e
sizeCycle(theText,1,n);
1 [2 \* g9 n- C% B* o if (n > theText.length) {n=0}3 _3 T8 e( E# a. \; r
setTimeout("doWave(" + (n+1) + ")", 50);& r; L$ P8 [6 b' V4 Z9 s
}( Y: k0 s/ ^! E8 W2 a4 R. f" V
</script>1 M/ y$ C5 B' X, g2 e4 f) y o
<div ID="theDiv" align="center">& t7 M; M5 q% C3 G' L& Y$ T3 \9 D6 u
( y% K1 {' l* [7 p) i' D$ L
</div>0 z% H& _, t- b, y }) i/ c4 o
! n$ ]7 l' E. p
& Q& E% _ g7 c+ K1 l
4 E3 D o& r" \5 N7 G, t* q0 A0 T8 @ + P4 H& F7 e: j6 k- B& D7 v* S8 I
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|