|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明:
$ p# T3 Z' e/ l % i9 ^5 s; p1 t, J2 T
第一步:把如下代码加入<body>区域中) J# r1 `6 u; l" d: |
<script language="JavaScript">5 h5 j) d5 h/ m: B8 y$ _1 z
i: x. a; I4 w. ^3 q# ?
function nextSize(i,incMethod,textLength)) s' j; U a( ?4 X! q9 k9 ~& b
{
) k" v: _& v4 e7 r0 T5 tif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
- B* _( c N) v# L& ^0 E$ F: Yif (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));( W7 A; Z) P! o9 P5 t/ q8 z1 R- H1 R
}2 c, c9 [0 E2 \
+ C5 r( s' e. d1 I
function sizeCycle(text,method,dis)
4 j3 ? V" T1 s2 m* s3 w7 S{
3 ~4 E6 G$ f: h1 i" |( b a0 R: x output = "";* H+ H" R. A% \
for (i = 0; i < text.length; i++)# m! m5 d- d+ A! X
{
" N S0 i$ y) X, X& K/ q" [3 D. L size = parseInt(nextSize(i +dis,method,text.length));$ X3 P2 C% a6 R2 Y
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
1 B4 _3 [# `0 r' a, z; ^( A }0 M; a$ ^" h% ]7 i7 ?, u$ g
theDiv.innerHTML = output;
. ] O/ @6 p& k# b5 ^( k}9 @' E0 z" @0 K0 E& J( g
+ A( X8 Y) p8 G9 X, H6 o
function doWave(n) " K) Z9 J w! [2 E" l6 O' y# G
{ ' ]) r, ?$ n! `6 E: x1 e
theText = "JavaScript";
5 J, }9 B9 T5 t, L. O/ W sizeCycle(theText,1,n);$ V# X' e7 m x! h$ l* T. V1 `
if (n > theText.length) {n=0}
% @' R4 E$ ~* ?" g1 { setTimeout("doWave(" + (n+1) + ")", 50);
; I5 R/ k1 ?3 Z! m X0 o4 U# @}8 [' h. u- O% Y0 D* A- W- `
</script>
8 E- D) d+ L- I) v7 M% h( O<div ID="theDiv" align="center">. \0 \- V7 o% f% Z* P
( q$ Q4 a" s0 P; i2 L8 b" q</div>
& [* `+ q! R' P C* ]4 K2 E0 I8 F4 G v x c
- F' B9 \( C: N' x: k' f/ ?
- ?' L+ ?" q5 }. {4 _
$ l; Z$ s4 }6 F" h; r0 x第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|