|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 U, F5 `# l3 c! l5 w5 m
1 |" |' _. i$ [7 Z% \0 K) Y第一步:把如下代码加入<body>区域中
9 f; ?; B1 B1 X2 R8 A. E& t <script language="JavaScript">3 S7 C$ _# I1 y1 {8 S0 p
( A9 Z& g, K* M+ A! p: j
function nextSize(i,incMethod,textLength)- o( A$ i& E3 h- A5 Y1 H$ b5 J
{: A) H0 |2 a. A% P: J1 Q
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
4 \, Q, l/ ~! D2 `, B( c l" z( D6 r1 yif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ s* S" }! {4 S1 k, j4 Q7 M}; p$ s$ R0 k2 i* Y9 f: X
! u" V H3 U2 `, {/ N% h! A, ~
function sizeCycle(text,method,dis)
4 Y+ R/ L+ A/ V( n. }{
3 u/ j0 W1 i4 p6 y" f output = "";
, J- D& b- O, ] for (i = 0; i < text.length; i++)
9 y7 ~9 S5 \" _& O& d {
4 y4 ^) A/ Z: x9 Y X; S size = parseInt(nextSize(i +dis,method,text.length));
. `9 Q: S4 {+ K6 R( S, Y- N output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 ?# r( _) g4 l. d2 j; B }
/ V* t* y _, ? theDiv.innerHTML = output;
: K% _; Q5 C# r6 b: g+ e9 k}
( c. S ^* _8 l A: i1 Q+ S/ n, \; j3 \0 |+ _7 e8 |/ o
function doWave(n)
: [ k8 x- a9 ?. E% [0 A{
$ f$ X/ B( m( F6 `- i0 g theText = "JavaScript";
! o1 s- {% ]9 u$ s. k* _$ G sizeCycle(theText,1,n);
0 n; y6 k+ t, ~) Q+ H if (n > theText.length) {n=0}: d5 m: b9 H$ }3 h
setTimeout("doWave(" + (n+1) + ")", 50);
# U: O+ G8 v: H8 u}" y) N; a' S5 y. R5 M
</script>
. I7 s9 E8 @ e+ g% S7 |+ H4 R<div ID="theDiv" align="center">6 R2 l! [1 f7 Q/ N) a
. r3 Y3 {! l: G: n% N- C8 U</div>
3 y. y& A q+ k. Q2 d. ]& K4 D5 d
5 T* y! B$ _, L9 y4 F# w
, y3 K( [8 ~8 {3 _ O: y A. |6 P& m7 a Y& k! q
$ N' N1 f V/ \- u* M- I" w
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|