|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
3 d0 ^' h+ |3 O! n6 v( ` 6 x. O0 b6 q/ m) a a7 L
第一步:把如下代码加入<body>区域中! X& {8 g; y. o, P+ u3 D* f% c
<script language="JavaScript">4 G0 y8 h, {( r7 I; E; S, P
& E% y& W8 G* \+ v2 ?+ a6 nfunction nextSize(i,incMethod,textLength)
. w& R4 T% W2 h! _8 B' A{
* F' s% n& {$ {' oif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
* o4 D5 v+ `( U' c' F4 j* Hif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));+ j6 e+ W$ n1 j1 I* h
}( q" e( l3 _1 k5 t/ ~
m: w6 s( A1 k, V, t
function sizeCycle(text,method,dis)
8 s! {3 i( t/ n$ P3 y{* U3 I0 w3 Q1 j4 ]+ ^
output = "";; Z7 v+ p h; Q7 b$ r3 {- d* r
for (i = 0; i < text.length; i++)/ J' m2 s+ \' I# t4 R
{
( M W0 V: o1 f+ N1 A size = parseInt(nextSize(i +dis,method,text.length));
# `9 Z/ d7 G) d* t2 o# ~ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";3 D3 |3 [9 \$ ]- Q m# X, W! I
}
# ~* [6 R7 T% g7 J- v; P theDiv.innerHTML = output;, j9 ]+ y+ N# n! e# ^, L" s3 t
}4 Z1 y! H# b m9 g
5 |" h7 t f: F
function doWave(n) % |; s( m% [- Y0 T
{ 2 u# f5 }( v! X
theText = "JavaScript";3 k1 A" ?3 M$ t/ y* ?
sizeCycle(theText,1,n);% r4 ]6 l+ A0 U5 w1 s; i' x
if (n > theText.length) {n=0}
2 s W" _& e' P! Q7 k setTimeout("doWave(" + (n+1) + ")", 50);
7 W7 `' J6 ^8 q. j}# j# p. {& J7 L
</script> q4 C9 z* E0 J9 m7 a) P7 P/ P2 y! H
<div ID="theDiv" align="center">0 n0 K. N! S- I
' s$ n+ C3 u# O7 F3 B2 t3 ^</div>
; r3 Q- s2 |1 R) q# o( |/ \: `2 P5 o% L' h$ |, ^: `0 E
6 m) _; `* D8 I6 Y' F6 [3 x2 S# q @6 h a1 r) u
- k2 u1 `- k( x; M# O第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|