|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: " @% g. I/ y- s/ A
( m Q, y' w( y( G
第一步:把如下代码加入<body>区域中" s2 }8 k* r- c. j7 z9 L: R2 l
<script language="JavaScript">
2 J4 K% N2 w7 V8 |1 U5 d
. G+ r. z; i% v% R( r4 nfunction nextSize(i,incMethod,textLength)
8 l& @$ q) L Q" }3 b. o7 X- S( h{
( w/ H2 t9 W: ~5 b! O* z: Bif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# ^$ j9 I$ }3 Z5 ]) m" eif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
" u5 t6 h; \. i; V5 b' F+ S& l) q}
; X3 M- ~* K. i3 K+ O6 x n7 M( l: T; e. p$ J& ~6 r
function sizeCycle(text,method,dis)
* m) z) w0 w1 Y: P2 R) i: D# `{
& X/ ^) f$ N( v, ~$ v% D2 u% C: l output = "";. V$ T% v4 t2 j
for (i = 0; i < text.length; i++)# }: M, W- l( Q( j; S/ Y# E
{
( x) e6 t3 G% m: ?# \* j6 b size = parseInt(nextSize(i +dis,method,text.length));
4 p+ g" c# I \( I, s) B output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";; y, ?7 u. |6 E% h
}/ U. Y, p, o) @
theDiv.innerHTML = output;
4 C5 n2 _! z4 H; A8 f, _* K}/ R" U* V; {: i6 v! P) G
/ m) {5 l3 `+ d3 I& D+ C$ i R
function doWave(n) . `8 u' [8 e, k" [8 x% X: A
{
) X; k! v4 J/ e( y6 `' I theText = "JavaScript";2 n& N$ A6 C; f& |$ f) T
sizeCycle(theText,1,n);
' K% C: z6 E t9 Z) x8 i8 K if (n > theText.length) {n=0}. u% k9 u$ g, s$ H
setTimeout("doWave(" + (n+1) + ")", 50);$ J7 q! U2 j+ C" W
}+ |% J8 K; I/ c# [. D* A; G
</script>
1 ~) z( m& q! s) e<div ID="theDiv" align="center">
" ?5 K9 F5 _, }+ d
: j4 q) J3 M0 S/ I m/ l- n</div>1 ?, n3 t3 t! c; E: b: G* _
, F# E) F0 E: g: G8 J
@ E- r8 C) N# L
4 x! F% U" v6 `3 B% K8 H9 x
) B% H0 E6 Q, C5 M2 z第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|