|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
" D' |7 w4 A7 W& e) U
* }: ^; [5 r2 J# @- N第一步:把如下代码加入<body>区域中
7 R& k2 q9 F: L# X! Q6 U9 { <script language="JavaScript"># f2 ]1 m y' |$ K. i
+ l! {; r E" V; `
function nextSize(i,incMethod,textLength)
2 N5 L% e% q1 r4 v! h- t3 |+ l& ?6 i{2 b5 P ~ L& c Q3 S% H
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );3 T, l# F. t O% c6 D6 v! t2 t/ v
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
/ A5 }! [, S( M- G; k" p( U6 S0 W}. ~7 [) n& } a& t8 f
4 D" v- B _. ?; M+ U. Ufunction sizeCycle(text,method,dis)$ w2 c6 Q$ l l" o( l& G& R
{
% J7 Y1 T" V+ i output = "";: C& p6 C# A; ~
for (i = 0; i < text.length; i++): p1 r8 R; V0 n% D* L' a, j) w
{
^3 ~$ w9 s2 z" l; I O1 ^4 o size = parseInt(nextSize(i +dis,method,text.length));
. k& C" J7 ~ {/ O output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
8 h4 d8 F: A, Y" J8 ^( U# |- \: N }
3 C1 h0 l4 M4 w3 c( z7 o theDiv.innerHTML = output;
' i7 z$ @7 ]- L7 R D9 x}
0 x: ~- q* N+ r8 ^( W# d Q" p* M2 {) y1 t& G
function doWave(n)
q$ a |1 _1 Y. o& ^{
; h( ?4 i0 U* p8 T theText = "JavaScript";/ P( T* t6 ~7 C( M8 E
sizeCycle(theText,1,n);
2 S& O/ ?5 h3 X; v/ M. Q$ h if (n > theText.length) {n=0}
) P# O& y0 L4 d6 }7 {6 Z* I setTimeout("doWave(" + (n+1) + ")", 50);! F0 I6 d; M7 A9 R6 Z; ]' T1 S
}
! I0 f& t; {+ {; D) q, o</script>" E- k, P" H' A2 q: z% ` n
<div ID="theDiv" align="center">" Y; I6 z8 P2 s# V( B: ?
4 O. p9 h, s& U- Z' ^3 d9 s</div>4 Z! y+ K4 { A/ }9 D
; Q% Z* S) f5 P4 O; @' o
G; b- E9 e3 u- j8 _
8 |% g3 \$ M* a+ J9 D& c( t6 c
, w) J) O0 W' d3 d% X7 y第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|