|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
: r E! W( h0 A, z* A w2 s / ^& R+ I4 k0 n0 Q) _9 f7 b0 E
第一步:把如下代码加入<body>区域中$ z* G' N7 n3 U$ C; ^ c" T3 ]' o
<script language="JavaScript">
, T- t5 S: B1 h6 D$ M! r# v. \" O5 s9 r' z% ^) D
function nextSize(i,incMethod,textLength)3 M# @' E- j, ^4 i, p F
{
4 C4 ^) Q2 b v3 Z5 N8 jif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 V( D" M: D+ Y5 wif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));1 B. q" ?9 U3 H' A8 x' z
}
6 z4 V2 E6 o0 G! J0 w9 }- J, L I. C% D
function sizeCycle(text,method,dis)
4 y; F" M r# r5 ?% a, m( K{
" o+ e3 `8 n' s5 p* f4 v% q, r output = "";
: Z. {4 f) k* Q! U+ E, E for (i = 0; i < text.length; i++)
; x5 w4 q0 b% G3 F7 [8 s {7 e% B& E1 Z k; f& b9 o
size = parseInt(nextSize(i +dis,method,text.length));
9 x& l0 H0 v: X6 W output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";; e, C1 E! `* ?, f
} b! {- [8 z' D& y+ \
theDiv.innerHTML = output;
) t. L( v* r, i0 ]/ E}: N+ V& \9 D' P8 i6 S& C
2 g1 g x8 l9 F$ L2 [! qfunction doWave(n) 0 Z# \. ^+ r1 B" W1 d/ a% n
{ ' M6 ^1 s* b& a' o, q
theText = "JavaScript";
2 q' k4 ? d% R( ?4 Y1 R* s6 Y sizeCycle(theText,1,n);6 U; g: M/ m- L" J0 k$ H5 w9 m# U
if (n > theText.length) {n=0} o/ D. j0 c" N' A0 S
setTimeout("doWave(" + (n+1) + ")", 50);
) W2 d4 U, A$ V" D5 {' x6 u}
5 B& m7 k" m6 ^9 u</script># y2 t; T$ n2 V% \. \7 E
<div ID="theDiv" align="center">
% K! b' `( \6 y
, d: I6 ]) ?- K; G( ~ E; u' l</div>3 D4 _% ~9 }$ ^+ U6 _4 s4 Y" O1 W( ~
# ]+ W3 U L+ D
; Z1 v$ p, a7 R, ^# [/ R
" h6 N/ K4 Q" a) y7 d4 m % L# Z& @) P/ g2 K: d- u
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|