|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
! a2 M$ g2 ^8 ]) `. ]- j
0 ~+ K1 [; F$ i/ M+ D* Y! I2 I第一步:把如下代码加入<body>区域中
3 `1 E- D& A3 B( x- A7 J <script language="JavaScript">8 l& o; I7 @5 K7 q- { y
: N; Z" z* T6 k5 b% M$ C$ g7 Nfunction nextSize(i,incMethod,textLength)
6 v+ s5 H9 ?: U{
' a9 E" {8 A% `) s4 G0 Cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- D3 T( n& U7 [7 L4 w/ M4 h) Z+ }if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' Z2 H0 l: m% f) d0 m/ I- \. Y}
7 E* q) q' V" S# K) q$ i* \. I. L9 i" L4 i2 H+ t. N: X0 `& p
function sizeCycle(text,method,dis)- M0 u m# ~ ?# Z6 P
{
* }" [7 w, L0 X; n/ N# K output = "";) g! Z1 f' N; \" E0 k
for (i = 0; i < text.length; i++)
$ o6 I1 q0 B' [$ x* p& z& K {
" `5 n$ ]: L2 J; ^& K$ l& | size = parseInt(nextSize(i +dis,method,text.length));6 b! P, l+ D: C
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
/ c m; e* Z5 J- q: e" A }# u! _0 n* |2 W) [+ d* P
theDiv.innerHTML = output;9 M( m, P Q5 |4 g! L
}1 {; \& z. S! `6 Q
( ~- Y0 g) \+ D$ V7 E! @+ U
function doWave(n) ) ]) x* V* I7 S) k& m g
{ : g, Y3 A$ H" z: D+ l! ^/ S. F6 ?
theText = "JavaScript";4 R7 X, ]8 V/ K# q' {
sizeCycle(theText,1,n);
* P& J/ k/ ?6 t, T/ K& l if (n > theText.length) {n=0}
3 \5 V# m) H5 P: n) r setTimeout("doWave(" + (n+1) + ")", 50);
# p- G: v8 a l) m8 K e- m2 z}9 z* Y& {; o# l9 x2 C, O' t
</script>. y' h8 p: E0 U
<div ID="theDiv" align="center">4 j3 a; T, Y! F c
: L6 [+ r- G# D1 T
</div>
% h+ b, Q+ z- D, s% @1 I8 N/ l7 F* R# ]
, W6 V X+ J3 w& n, D: y9 @4 \& `
5 ]" g; Y5 X w- E5 P! D # W1 p3 J. q+ [$ M% S H4 B
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|