|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
% Z1 L& E+ a1 D' p7 a! \ # y' f u& x, t4 ~! i7 |: _
第一步:把如下代码加入<body>区域中) M4 b* g" G3 h/ r
<script language="JavaScript">0 Y- I8 }1 `$ b" |
+ R% x1 L, x3 S* b8 u( y
function nextSize(i,incMethod,textLength)
1 R, A* H( Q( N{* I5 N/ ]8 U1 x& m
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
^8 E- n+ m" ^, _6 g# @if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));/ y" } s0 X5 h
}
, v/ b2 ]* ~; u% w: `8 Z5 S& U0 Z1 ^& u0 ~5 L# C$ v* b b2 W
function sizeCycle(text,method,dis)
+ r( C6 A6 ^# o: y) v6 f{
% ^/ y F' {! W2 z8 \ output = "";8 Y3 i% M$ q( W& d7 k: O
for (i = 0; i < text.length; i++)* Z( y0 q4 I1 B% m% e$ U
{
* p1 q9 P: W p! M" [ size = parseInt(nextSize(i +dis,method,text.length));+ c. h1 J# L& U- M0 ?5 T) W
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
) F- S0 ^1 S2 m. y }0 O) J1 a( O0 W& W* j: y
theDiv.innerHTML = output;
8 i$ z) f1 F! f+ d q$ {}( r7 w" I' h3 h9 Q
. |+ s% L7 g2 d" ~% A
function doWave(n)
7 S. ^% V$ c* C+ u6 i{
9 \7 G& z! N \ theText = "JavaScript";
9 r. y5 E! s8 M+ ^3 Y2 y, s, l sizeCycle(theText,1,n);
+ Z* ^" M6 q, E: J0 Y7 d2 {, \5 T if (n > theText.length) {n=0}1 a5 L: A) m4 @, |# {0 v8 l+ E
setTimeout("doWave(" + (n+1) + ")", 50);
: t, H* T4 y# P- z! z}7 f/ B! r4 {' |/ H. k
</script>
% y+ \7 x/ x8 x- a2 L" b<div ID="theDiv" align="center">
1 G* E* j6 w4 o% c
% v2 h" a/ V% z3 z2 {- O</div>
* C- _0 K, m$ k; F
2 U4 f* j: h. [3 ^
. f1 x6 o0 }, W: W) X& R# f. o6 r4 @, f* [- `# Q% S
# W9 W4 K7 j2 U# ^* I5 |4 \, r
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|