|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 3 T% I& ?# ~3 Q6 V* F
9 r i; a! A" [. E第一步:把如下代码加入<body>区域中- O9 b$ b5 j) ~* Q& i. B' B* Q
<script language="JavaScript">+ P. s. F, v# q
6 ~9 r) Y9 ^1 X
function nextSize(i,incMethod,textLength)+ Z& b- l8 t- J d
{
) z$ D) C/ B0 p9 V7 `3 O! ^% iif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
, l1 M5 l+ J6 |8 e0 P1 \5 {. Bif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));7 l1 W( [1 F$ D0 v: T' C5 N; h: f
}/ A/ U8 k) d$ G9 i+ f. U
7 W0 k: a/ O ~4 Y7 N8 `6 G: cfunction sizeCycle(text,method,dis)
) K2 l2 S3 W$ ?8 [" P; A& ^{7 v Z5 l* q# k( z: Y; |4 d
output = "";
8 U; F6 \8 A J) D1 ^9 ]7 T for (i = 0; i < text.length; i++)
5 {- u) { Q8 k! G0 _7 L i {
9 s( I/ S: c% z- p7 R/ `# K: _% G size = parseInt(nextSize(i +dis,method,text.length));
$ C, \ ]1 }8 x& `- M output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
' K5 L1 \2 {3 |" x _ |# y" p }
; X3 Y9 B& F+ j! A8 o theDiv.innerHTML = output;
: X. Z2 q* E9 Y# a% K/ y}
8 H* S) G8 B( E' c5 X( f2 e7 }1 W9 T# T" W: Q: C( y
function doWave(n) 4 F! K$ t9 [8 F0 w
{
5 T7 Q! u* \/ t% X1 P8 L1 B theText = "JavaScript";4 |6 x9 u$ u- f# ~
sizeCycle(theText,1,n);5 P' \0 T6 p! Y$ U" S! f6 @
if (n > theText.length) {n=0}& y7 s7 k! c6 n; r
setTimeout("doWave(" + (n+1) + ")", 50);
3 r0 _+ m# O" u J! t% J6 R" P' y9 p}( _: B6 @8 Y' W. S6 @' x: v
</script>
7 r) o9 K1 U* ^5 e5 {6 ]$ B- h<div ID="theDiv" align="center">% l) h1 v' |. G' u# h
* @$ w4 O! n3 u/ l' L& ?
</div>: {- h2 M6 _4 [3 A4 k( Z" P3 O9 F: Y) Q
/ o% i4 r% O7 K9 A
+ b0 M& T& P% @' f( j4 v8 _0 ]+ y" y& d0 Q7 F3 J, w
+ I5 g2 R9 v9 L; I7 z
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|