|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
4 V& G. i; H. i" ?' T. X+ ` 0 I, D% b8 H' O, r+ I* L' ~
第一步:把如下代码加入<body>区域中4 I% C& V& i6 C4 u
<script language="JavaScript">
7 L; v5 ?- g8 l1 _) {) m6 @
, g& ?* d1 k! {' \* O: ~1 N- l' p5 qfunction nextSize(i,incMethod,textLength)* E3 n: G9 |% J7 _
{( V* }! N0 B& G* d9 b
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );' H8 F. Q" c2 v
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
3 X0 B4 s0 e2 x7 k3 I7 N' q- H8 U7 b}$ r6 h9 `% J! f4 g! ?. M: S( C
6 i, Q+ B' |" a, j; f6 h
function sizeCycle(text,method,dis)
# t; w& w0 Y+ f{
/ |, _% d2 h2 B1 } output = "";
' ^# D( M3 l. D; s9 C% [ for (i = 0; i < text.length; i++)* C5 t5 T, T3 `/ F" g4 V
{. ?8 c& C/ z6 k B5 ]0 g3 l+ I. v: [% z
size = parseInt(nextSize(i +dis,method,text.length)); r& K+ F/ ?! H
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
: M9 l x% N! C" x; k }: v) C* G p8 ^7 n6 R7 ?% |
theDiv.innerHTML = output;
# Z$ C4 Q$ V" G l; a# b}
; B9 E/ {% Y+ ^- C; ~; f2 b
! w/ I6 Y6 g' s, t d, L+ d$ a5 R' ]function doWave(n) U) w( ~6 F. H2 ]3 \/ g) k
{ : e3 x! D4 [! X4 I5 } z
theText = "JavaScript";
5 Q, p- c+ b+ P4 c. ~ sizeCycle(theText,1,n);
+ r# k5 E4 {( g) [ if (n > theText.length) {n=0}/ E" U9 C0 T3 u, X& f* E
setTimeout("doWave(" + (n+1) + ")", 50);
4 B [6 |) ^# ]; Y- x}% r$ I: H7 s% {% P, B) Q% {+ _0 ]% ?
</script>
$ h9 R' d' C) ^! w<div ID="theDiv" align="center">
; g( k( J' ^: G, o0 J& Y
* F% `0 T8 v' a+ j</div>
B" R& m' q( w
3 W' Z; J, K1 K6 H
`2 {4 N9 G5 ^' @# j6 l2 E
; { \/ ]' p& F0 l8 m : T5 b; `! O8 j3 N
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|