|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ; r% n4 M% n. R) h1 G! n
6 x- M3 U' z5 |. u2 V4 T第一步:把如下代码加入<body>区域中
% G! ]% x5 b# j( Z <script language="JavaScript">
4 N Q4 T( x$ G3 Q3 s
0 k4 b7 ~' x$ V9 h& ~4 mfunction nextSize(i,incMethod,textLength)0 `3 a0 G3 y' ?8 ]2 I. v# P3 K
{
# T% @/ z# k0 L8 c( i3 O% h# Cif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );: k' g% a3 Y" g7 z) E8 V
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
7 c% ~/ X, a7 S Z}
! Z0 A' n) }3 U" Z2 r; p
5 y9 B* ?9 v: ffunction sizeCycle(text,method,dis)
[7 A5 I! S/ k, B; j; _1 t+ x, b{
2 Y9 f3 F2 |# N; k output = "";/ p5 Z, J' i2 x( c$ a# l' H
for (i = 0; i < text.length; i++)& Z$ Y$ X# f3 T3 R
{$ |" ?4 r7 o8 X
size = parseInt(nextSize(i +dis,method,text.length));
/ L, K5 D7 S2 r8 R output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
* E4 r, G+ s, t0 ^ }
" P. y; W: a* L( @* u theDiv.innerHTML = output;
) O! Q" W8 B5 ]! w; W g* u}8 P" V* Q8 x, ]2 {% ?# `
) ~! _5 I6 D4 w
function doWave(n)
b+ b/ [: [! A* ^' ?% ~: I{ + F7 y" B- s' {$ W& r
theText = "JavaScript";
K, V5 ^, ~; h a7 h$ M sizeCycle(theText,1,n);
2 M% C# [7 i* c9 T if (n > theText.length) {n=0}+ c& x M/ D) E7 G, F" Y' n
setTimeout("doWave(" + (n+1) + ")", 50);
' y5 r3 t! {( ~9 d- M: x) M}
9 o2 U% Q9 {6 P- Q) W- c$ k7 f</script>7 Y5 V8 `' T/ z1 ~" ~, m8 A0 U
<div ID="theDiv" align="center">" O _3 o! f) o7 n" e; a$ t2 K7 T6 s
8 l; _, V: o; r/ }</div>0 f& g1 Y8 ]0 r, _" w% o( B
Q, j% y( S9 N/ d& j2 P( K2 e0 P( f
8 C( ~1 b" D6 D' L# V7 a
0 g0 j% m2 T# I. R$ K/ u% Q
2 H7 j) {1 [' V- w- T: K! E第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|