|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: - c8 _5 F, N/ F# E1 \; A9 Y" W& Z
3 O4 ?! z0 O; T- W5 E3 V( ^第一步:把如下代码加入<body>区域中8 `/ J) G8 ~4 H* i+ D
<script language="JavaScript">
9 t, q, ~% O4 T. Z* C* {+ A: t8 t% x4 t" H9 r$ I0 q' s
function nextSize(i,incMethod,textLength)* n' j0 H0 t) L; I8 @0 V7 i
{" t1 Q/ G# f4 C6 J1 f+ @* M8 F
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
: \- m9 P$ g b% r0 |) yif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
$ A8 V% d8 K0 E) N}
+ R- y5 k3 ?% f) \5 v
& y/ M8 o: G- v% k, Tfunction sizeCycle(text,method,dis)
& `! F$ N" K1 ^- e{. h/ O; b) a' R9 j" o
output = "";
4 K# O) x( i! j; @7 V for (i = 0; i < text.length; i++)
6 Y- o) I# ]/ U {/ V- ~% g/ j& J+ H1 s9 [
size = parseInt(nextSize(i +dis,method,text.length));
8 I6 M: Q! u# K+ l: ` output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
) [7 \# X( k5 L9 F1 A: Y7 m }
" s" C- g% C. s7 W theDiv.innerHTML = output;: H8 Q& _/ f6 g) }( t: R
}, U) A; p! C5 K8 C) f1 r
% k. t! g. G8 e' `
function doWave(n)
* `) ` F- T: i& @+ R6 ?; F{
9 C# I W7 }" Y% `; I theText = "JavaScript";/ a& p8 p# Q( W3 i/ z1 U" @
sizeCycle(theText,1,n);
& X. Z+ p% j7 D3 h- g5 D if (n > theText.length) {n=0}
W1 ^ Q4 Y9 L$ ^ setTimeout("doWave(" + (n+1) + ")", 50);
/ V5 Z9 o& P' Y7 G+ J& r+ D}3 X, |1 {! [/ U4 m% K/ t! H( N
</script>
) |* t' t+ }, ^& n<div ID="theDiv" align="center">4 }! e2 r; H5 {1 B; {
( {. w7 W( m, o* a! H7 a</div>
R6 F! W R& r5 L) f- j0 l5 U
8 ~, B7 u8 `/ w% y' A
0 W# S( E) i3 S; H: b) N& o) W( r
! k2 ^+ H8 W" _3 s1 ~$ H- Z7 P, x第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|