|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
) Z& w/ X+ Z6 a# D- |# W. D, H' x: g , a( e1 G8 \8 K; m. c; ~$ e
第一步:把如下代码加入<body>区域中3 q+ ?+ h/ K4 i& l# }
<script language="JavaScript">
( E* b- y5 U! d: ^( ^ D G
`5 y+ v, p0 [! D" w/ T% W3 D0 S9 sfunction nextSize(i,incMethod,textLength)
* Q' J7 } \- J4 |{% a/ Q1 g2 v4 F
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
7 i7 c8 ?- A5 Z2 v# G: e Pif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));. s6 Z. F$ Y2 Z: z) X+ A8 m% z* m% [
}2 x9 O+ K4 \: y: y$ Z( C* Y
0 L7 _+ z* D0 sfunction sizeCycle(text,method,dis)
5 X6 |3 p H! ?2 G{
0 O$ n p* V; E, a* X9 b' o/ [8 ?( b output = "";
$ D1 `& E' A* g5 q; _' W1 W8 j! s for (i = 0; i < text.length; i++)
* s7 r: ]/ W0 }1 V {( S* S& u$ Z0 D& l
size = parseInt(nextSize(i +dis,method,text.length));+ g V" E2 b* Y5 `2 @" V
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
9 V, O4 ^5 a+ d. k- R }9 f# i' R8 f6 ~. \) {
theDiv.innerHTML = output;, E9 h3 h. i3 u. H1 ], i, v' R* j; z" O
}
+ I* x3 O: b: L. I G( A
: z3 y3 t5 d2 i3 Z- cfunction doWave(n)
, Y, l. v# V2 M6 B2 ], @) c1 W{
- i+ \- Q) \3 S M b, C theText = "JavaScript";: m9 x t9 l4 V1 t" Q% |$ W
sizeCycle(theText,1,n);
8 `+ v. M! P: P5 I3 u if (n > theText.length) {n=0}
9 l# _% ^! i) Q/ J* Y! m setTimeout("doWave(" + (n+1) + ")", 50);
9 f# t; T! h4 U}7 P1 l# U2 \# I) {
</script>2 X1 O: {1 Y& w4 s2 U2 u4 z. C
<div ID="theDiv" align="center">
# s" @6 I! \7 @& n7 S5 h$ [ B/ Q; ?
</div>, Y) f) E s) J7 |1 g1 f9 P. {
& P- [# D* H4 y' G5 j% N2 H
& D' a' d9 T8 p$ k+ m6 n
! [8 h& _+ r# o0 u$ H
5 X5 o6 ^, f; b' K/ Y4 Y$ [第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|