|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 1 a. L* c& Z# q
) V4 q+ ^+ A7 P第一步:把如下代码加入<body>区域中" ?8 M7 u+ M4 K% a; p o0 [& x8 ~
<script language="JavaScript">+ F9 }2 J8 D, U4 r5 G
9 k* G0 I. \4 y' Jfunction nextSize(i,incMethod,textLength)2 c5 w6 t! z V
{
) G6 o6 A+ m6 I, P0 Zif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );! x: Q Q4 n* m2 N( w3 L2 C
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ W0 U( E0 \7 j2 ~ e5 H. X}7 k! B( \' m X. |0 T5 D+ ?
% E! ?- b7 a# i# {
function sizeCycle(text,method,dis)
|) H7 F$ L0 \6 s{& k7 C' b3 S1 q9 `- P* ^/ d# g8 E
output = "";% R4 r% ?! [1 d+ ^( s/ v
for (i = 0; i < text.length; i++)
( [# M; s; L: ` {7 b' g# F- v, S4 s) v7 a0 d
size = parseInt(nextSize(i +dis,method,text.length));: |% x2 U& H* f: Z$ j7 ?
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";) Y0 Z( z4 c) l: Q! _- d. E
}
6 r `- {& q. X% z, R theDiv.innerHTML = output;( k, f- S) e4 F% Q# K
}1 a& y! D: W3 |2 S
) O8 Q8 F, [4 {+ s; ?4 A* U$ N
function doWave(n)
/ K. @8 t: ^4 ~; U{
0 ~$ F3 v4 `3 A! k theText = "JavaScript";: A- I7 W$ U9 W3 U
sizeCycle(theText,1,n);: X+ s2 }$ Z# R, {2 I* \
if (n > theText.length) {n=0}; z9 H( C7 t8 s7 `2 f7 J
setTimeout("doWave(" + (n+1) + ")", 50);. M% w% h3 o& ~1 v0 N) N* \
}# f! W% V! i$ d9 u4 G
</script>
& U* E) \4 Z; F" W/ M7 _<div ID="theDiv" align="center">
3 z5 Z! Q: O! \
0 |0 D: d: y% g$ J</div>
$ w }* h$ F7 p/ a; b0 V' G
% v3 I: ], e) }9 N$ ~: h' { k: Z; \' s" s" @2 a4 W/ f
9 t% F" v2 L0 y& h# Z, u7 u- }( A% K# l 7 \% ?; S; o" U1 r: `
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|