|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 5 u% E# I9 G# I" h9 T7 H; G
y2 n: h4 F6 s3 n第一步:把如下代码加入<body>区域中
6 a; Q4 ^' A3 t+ \ <script language="JavaScript">' k* z% a/ j' _; L0 |( R5 a
/ R9 t6 y+ E% W8 f
function nextSize(i,incMethod,textLength)
# V, [4 ~5 p U/ B4 Y$ W{7 X7 @. v9 _, `4 E/ ?5 g- m& o. t
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );6 F* S- U( p4 u" C# u& O
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 H# U | |; T8 W, U}
' b: k' v; J- {) V/ N2 _9 Z4 |& X Z$ Z' O5 q5 U- }1 i
function sizeCycle(text,method,dis)
6 z8 Y# O2 J; i6 j{
% y# u n: Y; e. B4 k: Q# W output = "";: t# L& R; r7 o
for (i = 0; i < text.length; i++)$ k9 ?2 M& Y" g3 z
{7 P' Z& x5 ~9 n4 e% \3 Y
size = parseInt(nextSize(i +dis,method,text.length));( w# d& g+ j- k# ]
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
7 k+ g: T# k, |6 O* S }
3 u" k3 H+ r$ t" ~4 G theDiv.innerHTML = output;* i6 _4 P" h% }3 O) _8 T
}, y y& r4 J" t9 c
; t Y8 b) V8 A7 q
function doWave(n) ; J5 f6 a9 {5 Z# P9 M
{
4 b# t, e+ e2 D1 I theText = "JavaScript";& d' w, d- g F& E4 y
sizeCycle(theText,1,n);2 L4 i; W# ^5 z
if (n > theText.length) {n=0}+ @, H1 P( ~& i6 Y( N3 S
setTimeout("doWave(" + (n+1) + ")", 50);
$ D% s9 E( @( t7 p. D! G}2 T. F# x% M' y. W9 E4 k7 n O/ p
</script> G$ t0 W$ `7 O; T# q! V
<div ID="theDiv" align="center">
- e) u. i) l7 _4 U; b* X
0 D1 C; g" q9 R1 u</div>9 X+ {9 c. ~$ l0 f% Q
5 O* R# t. t3 l
9 e6 b" p: |# w8 B
7 {9 n+ u3 u8 Q% G
. P5 P& A/ `1 T0 \/ z$ D第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|