标题:
网页之奇特的文字变化特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:50
标题:
网页之奇特的文字变化特效
脚本说明:
1 g: ?! Z: P" o6 x
% _( _; \3 f8 t1 q+ c$ p
第一步:把如下代码加入<body>区域中
- f) l! j% D* U6 e) u9 |
<script language="JavaScript">
/ L" ~$ |4 _# {$ t$ W% D1 |
/ e. ]0 i- J* J2 Y, I
function nextSize(i,incMethod,textLength)
1 v0 h/ r8 v( ^7 I0 c6 z1 b
{
9 r% B$ z7 k- ?4 o b5 U1 _
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
! b0 A7 r5 w8 \, J
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
$ K) v! f" N8 b) |8 r8 r; R) ^4 I
}
9 M" b5 d" L+ Y% d
" V- Z+ p$ W, P" G! M1 E
function sizeCycle(text,method,dis)
+ ]4 z* a. M* J: W# A7 P w
{
. I) K2 u8 O! K" G# @0 |1 C( J
output = "";
8 X% K" e. ^% K j. y6 }$ A
for (i = 0; i < text.length; i++)
; l- q0 V1 d/ M0 s) Y8 O7 `
{
( [6 F# G" E) F
size = parseInt(nextSize(i +dis,method,text.length));
5 y! j. }% f/ ?3 g: G) ^/ J# I( O9 X
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
' `& u5 V' N- C/ `
}
( W# x: H( q# }2 l g: v6 b5 @
theDiv.innerHTML = output;
; K" F" k6 L# @5 }! _) f- F
}
8 }# ~& H# L0 z
4 Q4 t) [; P( O5 d; z
function doWave(n)
' u: `$ h; A5 K4 _
{
& z8 p8 I; a4 Z0 Y/ g8 C( Y
theText = "JavaScript";
! {0 O, [* {) S
sizeCycle(theText,1,n);
3 M g5 `! | z$ \( Y2 R$ e& X
if (n > theText.length) {n=0}
( n8 J& D( H& T
setTimeout("doWave(" + (n+1) + ")", 50);
9 w: b/ ?7 i6 E2 j* k
}
% J7 Q0 i3 Q C. U% k
</script>
1 C# V. I5 L* n' Q) a. r- |" C' \
<div ID="theDiv" align="center">
' _# z& i) W8 y) t$ \1 O1 J0 l
! M/ u: u6 p$ \; i4 g' c2 i/ Q5 J
</div>
" _. b- }& d# @. O# \9 p* x
4 r4 j! l% S( I/ C
J" A- J# H# _" L+ V$ N& r
3 ^1 b5 K, F9 @: m
% n2 a0 z$ N8 I/ j
第二步:把如下代码加入<body>区域中<body onload=doWave(0);>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
