|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: * T& E8 ?! j& r- d
* _/ T# H7 X8 E) C4 u! V
第一步:把如下代码加入<body>区域中
* {9 Q, l) u& |, Q <script language="JavaScript">
/ I' [0 g9 x& m5 D3 f8 x u4 U0 g- b6 }: k7 l
function nextSize(i,incMethod,textLength)
- I x. u" S3 e& G# M% l$ n{+ @. R8 B; \3 a N+ s9 M! V
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
# q0 T2 Q0 ^9 f4 X. Z4 o; L( T0 Pif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));) L5 F' f( O/ `: |! L# D
} q+ @& o/ _ M0 e" N" w
& V- {+ a9 ?$ _" M$ b# L. w
function sizeCycle(text,method,dis)
3 \- ^( w4 p' @+ U. o5 t7 g{. V% t! ]2 k: f; Y& n2 R
output = "";; P B3 n7 ^! f z
for (i = 0; i < text.length; i++)" Y8 y4 w, {+ J; Z' a
{0 K" M9 {) o( ^6 a7 W& n
size = parseInt(nextSize(i +dis,method,text.length));
- L9 X+ F# Z5 o- y; A% K output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";& d3 X* \; r' y; U
}* s/ f, @' v: {8 h
theDiv.innerHTML = output;+ s& W$ g2 N& \
}
4 H# D( ~ A! m, c- _ W% Q$ J" x. M# C; K3 A l Q
function doWave(n)
! y0 Z0 D+ F4 i3 H{
; b4 s, m0 w+ m- `& T5 |9 p9 | theText = "JavaScript";! f& q2 l0 W# H: ~6 P. i, P
sizeCycle(theText,1,n);
9 P% P. D# {$ R# u2 b/ H if (n > theText.length) {n=0}! E" A( H* ` H" p8 l4 K; J
setTimeout("doWave(" + (n+1) + ")", 50);
& [8 M3 U5 w) }6 K: D}$ T; K, Y) q2 K1 ]+ i. c
</script>
1 | o: V( v& i<div ID="theDiv" align="center">
4 `* v* x- k) F
9 A- A6 a6 m# c, Q</div>
9 p, u: J+ I3 Q/ a
* E0 A: Q2 k* i/ S% M3 U( f6 ?+ O7 \3 h ?, T! T8 \" m5 M* o
* |' W; V9 J* g' R' B Q$ |! H
" M' A* v. }( }* U9 i2 T! F
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|