|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + X* g) \/ u' h' z6 ]' l. @6 ?
6 m! e6 B- m$ r% y- f: d K; ?
第一步:把如下代码加入<body>区域中: M# v+ I+ ^9 q) q
<script language="JavaScript">
, E- ?) m& d& N5 o0 }9 Y, h+ X P$ M7 S' F& v8 s3 y3 c
function nextSize(i,incMethod,textLength)
: C' [& u/ h8 e% l# Q* ^5 |{
# N3 ~4 L( g, Y/ zif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
6 k0 @0 z" {" H1 N; N# R8 @if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
2 x) T; R7 Y# u1 V7 O# h}
# ?1 B) D( L3 V8 I# e
% {$ M3 h7 F) z0 T* nfunction sizeCycle(text,method,dis)
) s/ I. k+ U$ H- u3 X! X{5 A! H( e* ~! ^; M
output = "";3 w0 Y0 K/ E: a' T. Q/ _
for (i = 0; i < text.length; i++)
" o0 o8 \3 f0 ~0 @" }# n5 R& r$ C; @ {
O+ k" `" P0 C8 F' r) [% X; r1 j size = parseInt(nextSize(i +dis,method,text.length));6 T# D; d3 s0 I8 _6 ]
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
: Q0 x0 [1 N8 L/ x0 a& T }$ ]) p; ?7 b1 g4 q
theDiv.innerHTML = output;1 W+ B' `+ N/ n7 d0 s6 o; {: K
}
9 l8 k# O$ {8 r$ u9 N
- P* Y' L$ ^/ ]4 \# f" W+ B( qfunction doWave(n) + e5 }8 R2 L+ H6 j9 f
{
; J! t- ~% B" L3 w theText = "JavaScript";
$ d: A* h: R" U) ^# ~5 ~ L" p sizeCycle(theText,1,n);. C/ O0 R( C2 _
if (n > theText.length) {n=0}
! D& }2 \+ {' R2 q/ |( F2 t setTimeout("doWave(" + (n+1) + ")", 50);
5 z3 }# w# z' f0 Q4 c7 \1 ~8 t. m1 G" T}9 j3 Z' I3 F4 i& w2 l' B
</script>
$ o- F9 y4 t7 o0 u/ P- F<div ID="theDiv" align="center">
* D" b7 J0 }3 A* f9 l# J8 T' S# E4 ~
</div>6 U3 U7 l- P* I! j
$ d {6 o; }/ D2 l7 T2 R/ [& d8 {2 K- e
# K# c( _; W9 e9 X% l) O2 a8 b) h
. U- x3 o1 `- {8 W6 U第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|