|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: + X! |/ [! a1 [
/ l; ]9 L5 _. E @' A% o
第一步:把如下代码加入<body>区域中; A5 p0 _4 i* K% }7 C
<script language="JavaScript">3 F9 p% Z4 s# s4 {; N3 e
$ y% y7 h! g2 `0 H% @/ }6 @
function nextSize(i,incMethod,textLength)
0 p* P$ z$ R( A; l5 g, C) \$ n{
- y8 @' P& b$ Q1 |/ [: f& aif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );% D# h& v! M+ T$ G( P, e
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));* d( K( d' R, U. e
}
4 e3 A* ^0 B, z6 d" i& m+ u$ G% |+ R# R) U
function sizeCycle(text,method,dis)
: h$ {/ B5 Z) u{
# F! [* L3 R$ F( T3 ?4 `: [; y# Y output = "";
: I1 C/ G8 q" q7 f: ]0 y, w/ `4 b for (i = 0; i < text.length; i++) u0 P* ^; w p5 P
{. ?% ~! l& R' Y/ K/ T0 T1 T0 s' T
size = parseInt(nextSize(i +dis,method,text.length));8 ]5 _/ F: x# h2 }* [6 R
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
9 E/ |; P! w" c. L' y1 X }& h6 U) Q& {% e( y1 i
theDiv.innerHTML = output;
0 j' s e9 b* m- L# m}
' }& Q8 a1 x- K: z
* p! i: H# q' ~function doWave(n)
& Z6 s% U; l* ?$ a1 W{
1 b1 x* N! R' s0 _9 [4 m) P! e theText = "JavaScript";+ w/ {6 U! h+ g+ _3 _+ j
sizeCycle(theText,1,n);
4 ` y& Z. I5 m! T' N if (n > theText.length) {n=0}( Y+ T8 O7 ?" \- e6 G: b, m: a, ^
setTimeout("doWave(" + (n+1) + ")", 50);
. b" |; r; A+ U4 s, i' N}
M3 x$ _( w0 D' f</script>+ h! p- N M9 J9 u' z
<div ID="theDiv" align="center">
7 k" l- G4 o5 ]6 D0 C# g
1 U0 `8 W0 y3 W3 Q: S: s</div>/ F. R. T; A/ B
. U+ }% P* R; O& n; ]! o% X% O M
) Q9 |4 N( J5 p5 C* B. W5 {% k+ M' H* x1 v0 w) v
! n7 {4 l' H' t, W- g, @8 O6 [
第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|