|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: $ _4 R+ ^( V4 y: M" U- l
1 {% s5 K9 M6 x6 ]+ v' L+ s6 ~第一步:把如下代码加入<body>区域中+ ]' ?& \( Q0 j1 M$ {5 O( b
<script language="JavaScript">
$ r6 u8 d4 H; t. g2 _! f& ~
8 @2 O6 n+ I' S5 C4 n- Rfunction nextSize(i,incMethod,textLength)$ X5 z. R( U- ]. g% p7 r9 G1 M
{
h# W2 D" U0 r1 W3 f9 ]if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- V0 F$ y/ e; K0 D7 l- T, c
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" `" }2 b, ^3 ^- L; I" `}
9 g- n6 t- e- Q V# G- O/ \) \4 W: W% ^: h( K
function sizeCycle(text,method,dis)' F$ I% M0 Y; s1 W7 x' r
{1 H$ M. Y% u. x* v7 H
output = "";
- P% C. T4 w( P5 l6 k for (i = 0; i < text.length; i++)+ J- H* X. }6 u. \6 p
{
9 F/ x- a5 I& N size = parseInt(nextSize(i +dis,method,text.length));
5 ~8 l3 N) p, P) ]4 L output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";+ c+ p1 ~8 M, Z8 K
}8 f6 S f( n, C& d
theDiv.innerHTML = output;6 } R V0 h9 ?' c
}
8 o6 j" c% \6 }2 o' T
5 o% o4 R" J1 o) rfunction doWave(n) . F1 k0 x; {+ t! f: O" r
{ ) g0 x5 _# c' U' b6 e' f2 i4 U4 u. `& G
theText = "JavaScript";5 U" K0 ?% N ~
sizeCycle(theText,1,n);1 f0 o: C& W3 Q# S; N
if (n > theText.length) {n=0}
7 L. Y% {7 ]1 F setTimeout("doWave(" + (n+1) + ")", 50);) R$ G3 T8 o, F: ?$ \ x9 R" N
}
; q4 G$ d* Q% B3 ~0 I2 n3 g( Q- p</script>
/ D/ K4 ^1 Z( u* x( o6 w! n! V<div ID="theDiv" align="center"> M. r+ e1 `/ G+ i' p
1 Q8 Y5 v' o" u" ?+ l) j D' E
</div>0 A+ h( v9 J8 C/ R$ k# F
/ o% b+ K7 B1 Q0 p
- k7 v( A8 l5 I8 I/ g, b% H. k, v
( e8 I P C3 o' J, D
' a/ h. i+ w/ G4 u第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|