|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
5 A: s1 E3 i" [) L3 u9 {4 j4 {
- t1 m. X& {2 p; v. w9 b第一步:把如下代码加入<body>区域中3 e# S; B- t) K# i' q* H
<script language="JavaScript">
8 y6 G7 o4 l0 |3 c! f" W; n5 [: r* N8 N
function nextSize(i,incMethod,textLength). G" v: z8 ]% e. {: P# E2 G4 Y
{
2 n+ @2 z* v2 H1 @+ Mif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
9 p. k3 ^2 ]. |) u+ t! yif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
, a" T# z0 o8 D% U}1 x/ T- ?% Y/ z# t. j. S4 Q7 i2 v
; j) M/ A+ u1 }3 Q$ \& o1 }
function sizeCycle(text,method,dis)* ?2 @. F) u6 ?6 O
{% j0 C6 R6 ?' Z
output = "";
# @8 y- K, T, S% f for (i = 0; i < text.length; i++)# i( b' @% ~6 E! Y
{
. ], o7 I5 K" a+ L size = parseInt(nextSize(i +dis,method,text.length));; ?# V& D- ~3 H3 Z# L. s
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";+ l2 W1 p! F5 E0 A6 l* B1 X
}
9 \1 [+ W2 u" U3 E( _! H7 H theDiv.innerHTML = output;8 l3 b2 \- Q$ [/ ]# h" t/ z* V
}- i3 A* P! V( ?: [; Q
O& {/ ~9 G3 h) x' y. ~, Tfunction doWave(n)
' R; M y, F. v7 o! L9 [{
9 b! p, Z- k4 ^9 z4 z0 b) C% {+ B0 ~ theText = "JavaScript";
, C! w8 @: @( {8 y7 E0 v sizeCycle(theText,1,n);* U6 G: c2 ?+ n f
if (n > theText.length) {n=0}
' c# j; E7 @3 R' X6 V8 \ setTimeout("doWave(" + (n+1) + ")", 50);' n4 i$ l( S+ d
}
2 |( @$ z$ j9 H2 Q" L) g2 l</script>
* I( r/ f* @1 a+ `; g<div ID="theDiv" align="center">8 b4 {7 a9 V; d, X5 A. O8 I$ C
0 |: a. A2 z: L( g9 x</div>
3 e5 c V8 w" J: t. u4 J, Q6 ?" J4 N' A, a4 X1 x2 P
* o+ h+ T$ J5 @
( |" t# A" O; N
7 U7 S5 A2 ^. ] y4 x第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|