标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
- R4 d# V* m4 o/ q# i; n
& v5 o/ @; f5 ^, H# z, y/ B8 L9 S7 x
第一步:把如下代码加入<body>区域中
/ j, q. J" F, f( z9 e
<script language="JavaScript">
! ?. j2 v4 B& p" j5 Q
7 q/ _" w! A; M, B" [6 e
function nextSize(i,incMethod,textLength)
. s5 T3 w' w T0 d" r% G3 A" D' q
{
' K; o2 `' \7 P1 K! g+ w( d9 g# \
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
% j4 x5 h7 A. O/ q
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
' I; x$ W+ V' r) c2 V k4 h/ D6 |
}
! a4 l4 Y, D% H+ V
9 J/ K% y3 v6 x, w' Q
function sizeCycle(text,method,dis)
/ `" L3 K6 {# s2 x/ ~5 p
{
) K; h0 v1 O! K8 b
output = "";
3 G5 e# {* p* e1 X2 P8 ~% D+ l
for (i = 0; i < text.length; i++)
/ Z/ n$ x/ W7 e; t% z: q/ q$ Z: N" l O
{
0 S& u0 J+ I5 [& `* @" k6 h( I
size = parseInt(nextSize(i +dis,method,text.length));
- K+ w x; J8 a4 g' }& S
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
- {' r1 m+ B6 a" \
}
( ?. a; B" E! |0 D7 s9 C+ s; v
theDiv.innerHTML = output;
3 M4 I3 j7 u9 x$ C7 N
}
6 Z/ E9 V- [, Y( g. b" x; v. H
0 l7 u1 T$ ]/ H9 ]* E
function doWave(n)
/ [8 D* z7 w9 B: V4 s6 N& D
{
, _. M. j, t- [
theText = "JavaScript";
3 M) S/ S( B* s! m2 k3 F6 Z
sizeCycle(theText,1,n);
5 a! z; h/ z5 m2 L5 ?: e8 v
if (n > theText.length) {n=0}
7 i: H( k/ G7 ^7 T P3 X
setTimeout("doWave(" + (n+1) + ")", 50);
/ a5 Y; ?3 T/ B1 o
}
+ L# ^% x( e% v; b5 i( v" Z. Q
</script>
1 _! }8 d) s D
<div ID="theDiv" align="center">
( k3 K6 C0 B" S
4 U5 t5 U- P9 p% w1 e r
</div>
' [ H; p4 g( u- U9 @8 [0 @8 _% p
! p3 ?- U- ?. x: P( E9 c9 B
9 b' }( u# L# o3 o
* V% g* B/ n. G
$ P( u8 V& }0 {, C
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
