|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: % J; Q% {4 i. i5 ]) g+ D/ J
; A# L1 W! O$ \; r
第一步:把如下代码加入<body>区域中
0 k# V9 U$ M1 W1 s4 ^, p/ n, X+ u1 q, q <script language="JavaScript">3 ~) z6 K: B; O8 R P
$ r% t8 P9 j9 k+ m8 i- ~
function nextSize(i,incMethod,textLength)
- b4 ?& S7 @1 Q$ o' K{1 _: @5 N8 p. {1 D3 O5 l/ _) |
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );2 H8 W- G& m& v" q( O9 j
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
9 p H! ?( v$ Y1 X" j9 b}2 o& b2 R) O6 h2 p. k
' Y8 d' I; ~4 K% Gfunction sizeCycle(text,method,dis)# J C& |; q: F; u, h9 ?/ h
{
0 T2 p/ R# u- P' \. @ output = "";+ y) X! H$ {7 I5 j
for (i = 0; i < text.length; i++)
3 F3 Q1 N4 {# o( [ {
0 S k) e& I: e: g* \; j size = parseInt(nextSize(i +dis,method,text.length));0 Y: }3 X, x" c+ T
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";) M) g/ L' }$ J
}
" q# v& `8 _9 Z$ U/ @ theDiv.innerHTML = output;+ v# U/ L5 c }+ h$ S
}
. [1 S8 `# l- g- V2 G
# X* i! i+ R0 B' W Dfunction doWave(n)
A; P. W( D I{ - D1 B \. w0 }( G, l) }! z
theText = "JavaScript";! ^- \, \% u5 |+ `* \
sizeCycle(theText,1,n);
% W9 H& ]4 x, o; _ if (n > theText.length) {n=0}
* @3 w9 H5 @9 ~( }* y setTimeout("doWave(" + (n+1) + ")", 50);
( n5 v- z% [! O7 L' ?}
. ?' x: h5 m( ] ~5 U</script>
# {/ v' P' M( J: S<div ID="theDiv" align="center">
* m# F1 K/ i% d' L
- A, Z4 T# a/ @) i, Y* f% J</div>
9 _ g9 Q- ]$ M- {8 k% x% ^( p7 t* A7 l. q5 z* M6 d3 O: v
/ s, f, |. U2 s* V" U
* h3 r+ x$ m0 p) M
. F" P& A& e: D& H
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|