|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
: N; d" |7 i' p! {3 n; t# ?#supertext {* g! {3 a1 O" y5 U! I
position:absolute; q8 T" x% h/ j
left:0;7 }8 _& N& Z* U
top:0;
- r( O. {: N2 T6 U; G5 P9 ]; Zvisibility:hide;8 o5 k4 P9 `& `: q$ B
visibility:hidden;
V, a3 v. Z0 C# [}
0 O& I/ f" Y* C4 k6 B# u</style>7 ^5 j$ B4 x$ `. i, ?5 j! r: d
<script language="JavaScript1.2">5 v$ e5 Z4 |- s) E& O: t& I- O' O
<!-- 改变下的字体的大小。颜色-->
6 `- i: S; ^ k' Mvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% N! W9 B3 _- ]" b3 ^
var hidetimer='';
# d+ W- b, L2 o& ^<!-- 改变下的弹跳速度-->
# K3 _: h* b: c" n3 ?# A& n( m" i9 Rvar BallSpeed = 20;
9 \4 S2 s! {1 |' s& M1 J; Pvar contentWidth;
- A) i1 T$ A }, k: zvar contentHeight;" q# m& w8 { h. n( v
var maxBallSpeed = 50;
5 X: I' o7 K5 a b! S: h+ p. n
/ S+ _+ d, |1 n2 @2 l4 t+ }
+ x$ A6 C8 h0 r4 @' e9 A1 z2 hvar xMax;
0 i/ x8 W, T1 B0 fvar yMax;9 [1 W' G0 V9 @; l2 Z$ C% Z3 g7 X
var xPos = 0;
& l& E/ D% o# n2 i9 ~- svar yPos = 0;" h" h( d- H9 A2 z& m1 I6 C
var xDir = 'right';
9 o" s6 X- V& p" a7 qvar yDir = 'down';4 S: |; b5 ?0 |2 p3 L7 K0 \0 R' B
var superballRunning = true;4 p. W0 [9 s% A$ l5 R: v i& ~% k
var tempBallSpeed;- |& W- p' h5 @" L& O# c" e
var currentBallSrc;1 N C$ p f; M/ j0 [# z0 \
var newXDir;/ I3 @5 J# @0 v: @9 r, g8 O" c
var newYDir;
4 q, S1 s7 G- s |9 @1 U; c/ G: Y$ u
function initializeBall() {, ^5 n+ S. R4 C4 Q
if (document.all) {
- O4 A, x; c' _" ^( m1 W( g xMax = document.body.clientWidth
, T- p9 i0 n+ ^5 G" H, m yMax = document.body.clientHeight
h3 t5 i+ R P1 j/ ~/ v2 J" m+ L+ R document.all("supertext").style.visibility = "visible";. a( P) b5 x7 H8 G0 g
contentWidth=supertext.offsetWidth% c# w" U# v" o4 d
contentHeight=supertext.offsetHeight
9 K" [3 c. Y6 h: Y- ^. p, h0 r6 i0 v; } }8 y. `$ B# E, ?7 M) i! M1 E& d. \
else if (document.layers) {7 O+ F) I/ I( Q; q4 j( R
xMax = window.innerWidth;
. [+ H4 }# T+ l7 B, L yMax = window.innerHeight;. {; \0 r) I. t0 |1 C( z
contentWidth=document.supertext.document.width
+ L! Q! R5 _' I5 c5 u contentHeight=document.supertext.document.height2 E2 x+ X2 W \2 ]9 o+ t' r% l( c
document.layers["supertext"].visibility = "show";- e7 Z& h3 _. P5 C/ t0 ~
}5 \$ J. q& p" X, {# C- W
setTimeout('moveBall()',400);5 y4 C: ?6 W- y: ~
if (hidetimer!='')+ k, t" i2 d! T1 U; y7 ~: g; U) c
setTimeout("hidetext()",hidetimer)
$ b M- ^3 U4 y8 V! n }
. r8 g7 W6 [$ c# v z; ]4 E( K# c, o' Y8 \( j/ n6 I: S* Q% e8 ~
function moveBall() {( Q5 r6 j/ f0 @# N$ w
if (superballRunning == true) {5 g4 y n p z; |2 n- {$ o
calculatePosition();. j) M U& M# y e6 P
if (document.all) {
; ^1 k; v% H+ |" c) T+ F document.all("supertext").style.left = xPos + document.body.scrollLeft;
# P1 w. L. u$ x document.all("supertext").style.top = yPos + document.body.scrollTop;8 P' |6 v" H3 Z: A, i
}
: j9 |3 r, ?5 ~3 B0 M5 f else if (document.layers) {
* ]1 X* y% {# ]( P9 {* K document.layers["supertext"].left = xPos + pageXOffset;
! i/ ]4 J+ E7 i) f document.layers["supertext"].top = yPos + pageYOffset;+ {$ G0 P& x/ M7 r6 T+ i
}
! g2 h9 ]% f) A0 r9 Z) D animatetext=setTimeout('moveBall()',20);# @3 n- I$ w' T; W
}! t5 ^9 {! j. C
}$ t+ a) x2 ~8 Z7 k$ v: W7 ^
0 Z" }0 B3 A9 x9 Yfunction calculatePosition() {
2 R& X& a! Z, @( j! _8 Z6 n if (xDir == "right") {
2 L" y5 B& v( k, O- D% ~& t2 k* d if (xPos > (xMax - contentWidth - BallSpeed)) {! e) T$ j# [, }/ l, h6 I) O' v
xDir = "left";! o) H/ P7 z7 M$ A
}5 h8 r6 L8 O, C" G ^4 w
}2 s! k8 d: W# G0 r
else if (xDir == "left") {" N' r; g* T' z
if (xPos < (0 + BallSpeed)) {, q4 H. L3 R0 R) V) g
xDir = "right";
; ~6 s4 z3 L, C( x$ v: M }
# t, X1 O3 M+ w: M7 }" G }; G6 \# {/ m3 {
if (yDir == "down") {# T* t; D* j" D( r! X1 s! `: c3 `
if (yPos > (yMax - contentHeight - BallSpeed)) {% M. N2 ?( g( Z- p
yDir = "up";1 J! }: s: j1 K4 Y6 x+ f( q/ r
}5 H# e9 {: N0 H/ j- \. M
}
4 P" r1 b& B$ ?8 h v else if (yDir == "up") {! _+ a) ~' H z/ ^; R
if (yPos < (0 + BallSpeed)) {. ]9 _4 w4 w/ D8 D3 l) N9 r3 G- [* O
yDir = "down";& n a$ h0 k1 f$ S0 W/ S$ g9 Z. M2 D
}
1 \. w" G5 b; t" W! u }6 v) a0 ?/ z! U0 x0 c. S
if (xDir == "right") {
. v* I d8 T: b xPos = xPos + BallSpeed;
+ @7 I7 M; Z7 M% V! m }: z0 c+ Z4 y! {* l# }. J, M; R
else if (xDir == "left") {
6 Q. t: G# ~7 g( S xPos = xPos - BallSpeed;
5 g) w' I& b" `8 U }( c- P" i/ `- G+ i' @
else {, \ g) W+ F7 N/ x6 E% q* R% u3 V
xPos = xPos;, X' [) z2 {9 g
}- G( _% N. O/ t5 P4 w* R7 t0 L- C) ]
if (yDir == "down") {
0 z( o% f2 C" ?2 B yPos = yPos + BallSpeed;! ~9 d3 M8 ]3 x% c# u
}8 a- v# x4 v2 [" T9 j& u5 G1 X
else if (yDir == "up") {4 x5 |% E: ]! h- H$ Y3 A8 W
yPos = yPos - BallSpeed;1 t/ V1 E; X$ K' l: U4 _& h6 E
}# G8 s( U& }2 ^
else {+ F8 Y! Q# U) w8 l0 I
yPos = yPos;& @. _" @1 R' J$ i8 p) ~) ~% v2 f' a
}
* h0 k; a, C% p( B1 N* Y }
( B& m% F ?" L# T. _5 ^, M
! T+ [7 d: z' J2 \function hidetext(){ o7 l0 j5 P# n) P' J3 X
if (document.all)
7 i% o4 ~# u L% Msupertext.style.visibility="hidden"1 f+ ?9 Q u" V$ c- b/ }( W
else if (document.layers)
( A$ l: C& O( k7 |$ mdocument.supertext.visibility="hide"8 p) R- l8 s8 b) Z, i9 V- D1 x
clearTimeout(animatetext)
2 R2 y9 D: J; b5 m* Q" z& X. n} i9 | Z0 s8 I* c& W' r$ l
! K; {" E5 R- `+ l4 }/ _
if (document.all||document.layers){) o0 {2 g5 U, k( b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 q g1 V" n2 k+ O' A$ Q( u( M
window.onload = initializeBall;
; R1 A# N4 ^9 ~" K$ ^window.onresize = new Function("window.location.reload()");
3 k# ]/ `3 y9 a; z2 u0 ^. S}
: z: Z+ g' x7 L5 [0 C# U$ R" _: i, t, l
</script> |
|
发表于 2008-1-21 20:55
|