|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 H+ B* r: L' a. ~ ; a0 D$ j7 s5 n" [3 Z/ S/ S
第一步:把如下代码加入<body>区域中$ e3 Y1 Q3 U6 U3 U8 t- W
<script language="JavaScript">
! D. Q- t+ I# n# l' Z7 Y0 v( q+ \0 |# u' t; l: M- [
function nextSize(i,incMethod,textLength)
2 k2 d6 g3 I5 z7 S" m* m/ l{* I& |6 D3 \. j7 z) Y6 O& v6 f
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- y' s$ N" J* u+ d, C8 H- S4 [if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));$ D6 M$ s8 S+ V
}1 q( }) l6 s& j9 e3 \& s
, \. w! C7 x" _# L( Ufunction sizeCycle(text,method,dis)
' T3 w2 m- i5 b+ L& [2 J, {{$ ]! O. A: ? g6 p
output = "";( j6 T* s+ Y g# @5 L+ n
for (i = 0; i < text.length; i++)
5 x2 o8 v0 f- z+ h' ~( }$ S1 z {
. y/ R4 I1 t) w: G2 K/ _4 a size = parseInt(nextSize(i +dis,method,text.length));
8 a' y f! V7 `$ @ L& W" Y1 [3 o output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";. R/ k8 K2 |2 B( L
}
2 }+ Q: v% p8 V" P0 U: c( n' A theDiv.innerHTML = output;
4 U# m! O' Q& @) b8 m}& C* T _ [, r" p& C" H U
" \* |! J. m1 E2 e% K* ifunction doWave(n) ) T$ C& p# ?3 |$ J7 }/ N
{
) I+ F4 ~! L8 M theText = "JavaScript";2 o/ A* B( o; a
sizeCycle(theText,1,n);
* ^3 n. L+ Y' F7 t1 o* n" U# t if (n > theText.length) {n=0}
" v) c9 u3 ? ~* c4 p }; s# K2 U( p setTimeout("doWave(" + (n+1) + ")", 50);
) K7 L$ {4 m2 i1 }}
6 B0 r! j3 i4 v</script>8 a W1 X. J% c: t+ y
<div ID="theDiv" align="center">
/ E/ F$ z- F9 K5 ?
; a) u. K) P; v, Y9 f; H</div>/ `/ q& e3 l$ j7 t* M3 z1 o
2 F5 a, v3 N/ L$ r. e& w
; ^ n; g: n. V x3 P
6 z5 S8 N H1 f, B& p
- [. \( U% e8 I) B第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|