|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之奇特的文字变化特效
脚本说明: 7 i% j; r2 Z/ ?6 C) Z& x) Z
- F" x J6 B+ _ W8 I+ }第一步:把如下代码加入<body>区域中
! [9 s% I Y, T: t X <script language="JavaScript">
! J) y: P5 s% O* z! S" c
2 T6 a( J) f1 n8 x1 D3 Afunction nextSize(i,incMethod,textLength)" u8 j! e& z- g; W9 @
{
- U% {, D. l& z1 A( p* ]- Jif (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );- Z. I! o2 l8 F# K9 k# N+ _: z+ b
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
; V: |, _& w6 I; ^4 V}1 P" W& C" V; c: B
3 T4 F2 B+ `1 e9 ]- y2 k0 u. Jfunction sizeCycle(text,method,dis)
. ]) w. m5 G+ X" o* j{
* S4 m. l( e$ C output = "";9 U: B( X3 r) J# f$ N- a7 x' |
for (i = 0; i < text.length; i++)- J3 \8 s9 f# V5 \/ M( m
{
2 a, n; t+ {( y& M" } size = parseInt(nextSize(i +dis,method,text.length));
' X# _* ^/ ]) F2 q! ~4 ~ output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
& ^5 V0 Y: K1 z) B+ s7 m }
# l3 k9 P" M; ^( o' E% p4 Z theDiv.innerHTML = output;0 j% V( A9 O+ Z" M! b
}( _6 z) ^9 n+ S, f
- D" W) X7 |3 i! `
function doWave(n)
5 l8 n3 r) E$ w7 f0 w1 c{ ; L$ B" k X8 X1 T+ r
theText = "JavaScript";3 }. r3 N. a# J
sizeCycle(theText,1,n);
- O( t6 V% C3 @/ u8 ?- I if (n > theText.length) {n=0}& p# r! U2 v* d9 v
setTimeout("doWave(" + (n+1) + ")", 50);# Y. C) t' E5 D% T
}
; e1 P! L3 Q* V1 T, H</script>
2 v9 O: x5 u" r. A<div ID="theDiv" align="center">5 L2 A9 W- N5 A
: f# g) |, E: C- {- ]' N1 v
</div>$ ]% m7 P( {& J1 w6 }
+ w' F+ Q b2 \- P! a. U" l
8 D1 X+ f* c4 z& Y6 C; g* x3 `% ^
4 L) ^+ f- M+ c8 v: A% b2 f i
- l$ ^. x, \2 t% o第二步:把如下代码加入<body>区域中<body onload=doWave(0);> |
|
发表于 2008-1-21 20:50
|