|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + ~; y; e. ~% }) l) n1 [# d' ], A
4 S5 T$ k8 f! }3 Z3 D/ ^$ C+ V
第一步:把如下代码加入<body>区域中; {) D- J3 N8 }& U! [0 Z. r* W
<script language="JavaScript">( e7 B! K& P$ J$ d
( q8 x) @! w' f- M( s
function nextSize(i,incMethod,textLength)
$ ~( G. R" ~: P6 M5 i{8 o1 R# k# { V C% X2 S, O
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
; `! S' l; N! X5 _1 e9 n6 E" ]if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
1 O0 p( `$ E& v' F" B% u}
2 R ~! ] x h/ {+ k! k3 }/ w) B+ V) g9 F, H I# J, S. X) n
function sizeCycle(text,method,dis)7 i+ j% W D* l* H+ m7 B* F) @/ {' J
{$ P; Z, n/ C5 b( t8 S" q: B
output = "";. w- G: ?1 b. q" Q9 v
for (i = 0; i < text.length; i++)
9 O* S- f( i& U/ M8 v {
3 o7 u: Z9 u% k s" R* ? size = parseInt(nextSize(i +dis,method,text.length));; ?2 d! K6 [/ t; a2 x7 x' I/ d
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";8 F% f% b# D+ f$ @) `8 j$ i
}' e7 u/ S2 g- X+ p7 D1 ^
theDiv.innerHTML = output;
" W" x' m7 K) l$ b% a+ r6 z; g}
3 {: A- F& t( v2 U* c; w3 T; b7 H" d3 |/ N+ B. o4 E' c
function doWave(n) 3 C6 g) a! V2 t; w# U8 i6 m& V
{ ' ]: C$ u6 J3 b
theText = "JavaScript";
$ E* j! h4 I3 \) C7 B sizeCycle(theText,1,n);
( P& i4 T# h w, G& G( i if (n > theText.length) {n=0}
; k* s% e% }! T6 ]0 N setTimeout("doWave(" + (n+1) + ")", 50);
! {+ p1 w4 ^; g}, O2 N' N& P+ t' `
</script>
# _+ N/ U7 k7 h! r9 W<div ID="theDiv" align="center">
# ?& H8 f# @4 Z- [; e6 c# X( L
& z& q" I( H+ T) m/ d</div>
: v+ n$ v5 Y. P( u; n
; k) X3 w3 ]& h9 m- y" [/ g1 C2 B; Z. y, w- D
& E; T b+ V2 d
- s2 l1 m8 W, a. I# e& e6 E& ]( ^第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|