|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
7 N6 Q# y2 H' P$ e3 e
2 e) q+ \/ I6 r @第一步:把如下代码加入<body>区域中3 `" A$ l# F8 F9 p
<script language="JavaScript">
# F( O! `' a/ Z) g/ z0 {3 W( @. u9 W, F
function nextSize(i,incMethod,textLength)
; t6 g1 l3 L3 t. E* @0 @{
: X9 q4 ?& l* \# j7 zif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );1 Q, S1 _: U" |& W, Y/ y9 G' P. |( [
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
1 x4 F/ p* n4 q/ s& c. w}
/ C5 H* b/ C' c: t. I" n
; s6 A/ m7 T- O: r) ufunction sizeCycle(text,method,dis)
. O2 N! `) w' E5 k% o" I{0 x. X1 |( x4 K7 r: e% A7 s4 H9 y C
output = "";# n% K; \* N5 U! u) @% l
for (i = 0; i < text.length; i++)
6 l. j$ l4 i w {6 l: R u+ D8 g) H5 ^9 ]% `
size = parseInt(nextSize(i +dis,method,text.length));
) ?4 W+ h- {: j- s output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
# y$ A3 k5 A) n% e }
" F# X& u# \( L; \; z% t2 o R theDiv.innerHTML = output;
0 n) g. @, P6 x g/ t* e}
5 ^, P% }7 Y& @/ s, \4 O
! F# `' g5 s, Tfunction doWave(n) 0 v5 f) B3 b8 d+ N$ O4 w
{
' u( @+ ?5 @% j4 K4 {: d" \ theText = "JavaScript";
' y! w+ ?/ P' ]/ y% P2 {. v8 N sizeCycle(theText,1,n);
- h6 p) q$ o5 F if (n > theText.length) {n=0}
# o% L& i8 U* {% w) G6 ?2 d \ setTimeout("doWave(" + (n+1) + ")", 50);
: L ^/ t/ \- { @}
1 l, N, H( u9 l1 Z6 {& V</script>! O; n4 d& R9 R& z
<div ID="theDiv" align="center">
0 c' `: u0 [3 L- K4 l0 M
& V1 k! D9 k0 l9 v' F1 o8 |</div>
8 i+ ^+ U6 X8 V- t! a( ?( ?- [9 Q+ v5 g8 R D
8 k) t. s" K+ `9 I
( I) U# M% ]$ v4 | {. W' H& z/ e5 c 0 |4 O* C6 Q7 f* {( o+ L& {
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|