|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: ( ~7 O, I& R( V4 M8 m0 u
# ?2 X* J2 J, U# z$ K- [# `
第一步:把如下代码加入<body>区域中4 Q+ P; b( u/ ?) o# _. W
<script language="JavaScript">* V! J- a1 p% {. Q! d
n: S, w' @ {2 @function nextSize(i,incMethod,textLength)& G) ]. J: j- L9 R$ s
{- W1 |% b! _& [: D, L
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );, e! G; e9 u/ }, @2 B; i/ W3 o
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
. l7 e1 y7 F' b: M p$ K5 ]3 L" N! k}1 @) s' z) I! F) d& X) h
: M, w& S7 K, L$ w7 f; ?% ]( Y J
function sizeCycle(text,method,dis)
! d, L, _ j1 a2 h{
O3 k& l# P* y" p) S* h# i output = "";( [2 v- k6 t. f/ V' R- x# c
for (i = 0; i < text.length; i++)
4 Q. r K/ ^6 c5 }9 z2 u0 q0 D; I {
1 o, Z) H2 l% I% h size = parseInt(nextSize(i +dis,method,text.length));, A( w$ {$ j. ]6 {# R- b5 K% }3 _
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";7 b& B$ \8 ?3 f9 G
}
7 }. E) c& w9 a8 w$ p theDiv.innerHTML = output;
2 R: P) Z. M8 B+ S; r}: c/ \; N" ]" u" F$ d8 \
/ \2 b3 `) R& m/ a- Vfunction doWave(n)
* V" f% M, Z3 H& h I7 k5 A{
6 I) J% |; F) g I1 Y/ r theText = "JavaScript";
0 r) a1 w" p8 D sizeCycle(theText,1,n);
7 |- A5 \2 k6 a6 f1 t) ` if (n > theText.length) {n=0}( Z2 K( N4 m( x! ~% x% I' t9 E
setTimeout("doWave(" + (n+1) + ")", 50);. y! e8 t( z* y* z
}
: n2 {7 _& R/ F& \+ ?" w2 O- X" B</script># x$ E& N: F0 M1 z. C3 D" B; g- m4 p
<div ID="theDiv" align="center">. A) i5 {' x% ], c- W3 o l- x# x
5 D2 D: q, v/ Q5 D( U
</div>5 d* C5 m: `1 M1 ]1 ]3 h6 d# }
" @ h; N1 z" w* P; H* N
2 @7 |- T" _3 z- m' E; v. I# a# O% q, x, L5 e9 w* c. ]! `
6 @ I' t! P6 x9 c. U, [- M% m' R' a第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|