|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
]7 @% b' l9 X* @ 3 O" x- N4 K, Y! l
第一步:把如下代码加入<body>区域中
6 U: v. g5 B. | <script language="JavaScript">7 R$ ]5 s- I+ T
8 d! Y: k( k: }4 M& c3 yfunction nextSize(i,incMethod,textLength)
. F; R: \1 |, W, `' a1 O. N{! e. m2 L1 L) a L5 ~7 |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 ~) k+ P* U4 rif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
6 \% i$ \+ |# _$ T- |6 |}
% Q3 q( e. @! Q' P, Y* P* `$ W" O9 X7 V4 y* Y7 s& A4 x
function sizeCycle(text,method,dis)
0 P: w% f* s# g- E) S+ I: [; e{1 p+ n( `4 i$ t3 \& O! f, H
output = "";1 J' N* P- K5 g: r- ?$ A" i7 \
for (i = 0; i < text.length; i++)
, u3 ]: n; j3 x. g- x {
5 D: e2 d* X6 L. t size = parseInt(nextSize(i +dis,method,text.length)); F5 l! Q& s( Q' J; M! g
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
+ g- P) l, g& H& b" {8 m& n }
, G4 T* J1 h6 s' ]4 Z theDiv.innerHTML = output;
7 ?) J% G' U' K/ g2 t4 e& m}
* R% V: w6 K& G. P0 O6 c: E, l- P$ s/ x* ]' j0 @# {2 b8 {
function doWave(n)
. B) C3 [( @6 B s# E6 w{
/ M, ]2 h) W' V" n# L theText = "JavaScript";4 q' U, h$ f) H$ @1 H6 |$ u' [; |
sizeCycle(theText,1,n);1 J+ H0 Z* m7 B% f: z2 p: x, T
if (n > theText.length) {n=0}
L1 Q( X5 P- G# t setTimeout("doWave(" + (n+1) + ")", 50);9 M( g" m3 O. P/ y
}
% G2 g0 G8 P# B2 `- `</script>
+ S* \( ]" P, O<div ID="theDiv" align="center"> c' E, R: N4 l3 f3 u- [
- H; k `1 n! Q( X2 n3 S9 w$ t
</div>
8 P6 }! n& _! W( `0 \8 a
9 y0 { |" C" I @& ^. [/ ~
4 ~) m( s& Y: t. D* R& f: O
7 O0 r9 A) F' \5 A6 ^& ~ 0 R3 S; w9 p1 N ?* N4 x ~
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|