网页之不断弹射的文字-特效

zw2004

<style type="text/css">
+ E, l2 v0 v1 Y7 r#supertext {) _7 r6 N1 S  |+ ]+ X+ G% o6 P* ?
position:absolute;
# x) G* A) m' L6 Pleft:0;
2 f3 \7 I! K, |8 jtop:0;* m8 X0 Q( I7 [% A; i
visibility:hide;
# s6 O" H7 S2 z& i8 N  Avisibility:hidden;& `2 R/ N! t! |5 e
}
, F# l- _5 }1 |) E' j# L4 W. C7 e</style>
' B" j6 h3 G( \9 y" X; E<script language="JavaScript1.2">
* r- Z0 Z9 c$ r; z( [" S<!-- 改变下的字体的大小。颜色-->
$ C& x, h. V0 m) n: g4 {. e+ q% x1 Q/ ]var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% h* s* R/ y& c6 u* d1 R: p" o
var hidetimer='';
) W" G" S' O: }% X. P- {2 d<!-- 改变下的弹跳速度-->
* z; Y3 ^* Q; j  ]var BallSpeed = 20;
# Y" o% R. Q+ r9 z8 P/ W+ Hvar contentWidth;
/ L/ k" C1 U* Nvar contentHeight;* @, N$ T  C; B( m; }! |
var maxBallSpeed = 50;
/ b6 o+ t( I& k/ t8 w: P% T' ~9 G( n( o
0 u0 L/ J% a3 c3 |, r
var xMax;
2 N+ }1 `  o. j' Nvar yMax;
$ |$ n* t! j8 a& R+ @; x0 `& Mvar xPos = 0;' x; J# b! w  L$ s; v
var yPos = 0;
# V8 R" g* X0 }var xDir = 'right';
3 w5 w% m3 Y& t: C- I0 o* zvar yDir = 'down';
7 _7 I3 V' q7 N, @" Z, Zvar superballRunning = true;: t8 n3 {/ t! W; ^4 q  v
var tempBallSpeed;* j- Z  S/ h" t% V
var currentBallSrc;
2 m. [5 U7 [1 @- z* V4 lvar newXDir;
! L1 }- l0 a7 u3 N8 N5 uvar newYDir;
3 y  Q: B/ d* z/ F8 T" L( q; H. m0 }3 m0 y5 m0 ^; O
function initializeBall() {0 W) a* G6 l7 i$ g
   if (document.all) {% q/ M" _3 p" N+ c4 `% \+ s
      xMax = document.body.clientWidth
9 d+ k7 _. O" d3 V  l- C2 k      yMax = document.body.clientHeight
" L) Y. a2 p. V0 s8 T8 x      document.all("supertext").style.visibility = "visible";5 Y: x( ^$ O' W. o
      contentWidth=supertext.offsetWidth1 a# j; z# v" p1 V, E+ z
      contentHeight=supertext.offsetHeight
0 e6 Y8 l( W) x) C4 X0 J  \      }
. f/ x7 j" d7 @$ q) f9 b% ~( j   else if (document.layers) {
; t: d# O6 p6 g) A: y% o      xMax = window.innerWidth;5 _' p3 x2 T  i, f
      yMax = window.innerHeight;! K- @1 ]" }1 l" U* J: k2 S
      contentWidth=document.supertext.document.width  g1 ~  g& Y( c" A' A$ H3 G7 I
      contentHeight=document.supertext.document.height# D4 b& i3 b0 E; [0 D1 `
      document.layers["supertext"].visibility = "show";
. K% _+ b9 O. r, T# ^6 g+ ~      }
0 u: v/ d9 Y$ K2 Q; A   setTimeout('moveBall()',400);/ j3 p% Z0 a" c" A0 l. W$ ^
   if (hidetimer!=''), w- O# E4 k0 ^1 c
   setTimeout("hidetext()",hidetimer)
9 Y. X, i+ ~! B: ]! ~! o+ m) i5 r   }$ }4 K9 X6 {+ O' }
' L6 o- z# F$ q' n4 h# U6 r
function moveBall() {) u5 ~/ R& Q& F7 s
   if (superballRunning == true) {
4 x+ M8 S9 x+ y# _6 r0 T# G2 d      calculatePosition();: c. H7 x7 G* f5 D' e
      if (document.all) {
& D: z. [9 i2 [, }6 ~7 R         document.all("supertext").style.left = xPos + document.body.scrollLeft;& }) a# w4 g/ {6 q9 Y2 o1 p# X
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ h% R, K+ d  n# w  K
         }
) o* T5 M* M" ^1 B" }      else if (document.layers) {
; w- E! |* Q) G0 ^6 f, _/ ]% [         document.layers["supertext"].left = xPos + pageXOffset;
  B0 k9 m/ ]4 M# a1 @         document.layers["supertext"].top = yPos + pageYOffset;% [# J7 @) ~1 {
         }
. k! l4 w; M1 L1 o      animatetext=setTimeout('moveBall()',20);6 M) v" x9 k- S3 H7 q& m
      }
7 _' f) b2 s; j6 l   }9 M% Q& K5 @1 @% J* [' e! S
1 d8 L, o6 d* P9 |
function calculatePosition() {  Q4 b" l) I' I+ A( L3 F
   if (xDir == "right") {8 K  a1 A8 [) q- F% `5 M
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 X; G. l* c* ~3 a         xDir = "left";
" |$ g4 a" c$ ~" l* l$ s         }
9 ?# c6 y9 D0 D4 T9 f6 W      }/ e" ^8 F, D) J! {: m2 ~  ~: z$ \
   else if (xDir == "left") {7 `* n7 _( [- v
      if (xPos < (0 + BallSpeed)) {1 U; e& n' o3 k
         xDir = "right";
' ~5 B' p7 _2 Y* s% b* v. E         }
( K3 f3 N7 \4 D% q2 u- u* _" F      }
1 s$ D& v* w6 H3 p4 ~" C   if (yDir == "down") {  F( i- q% F( j2 Q3 ~, q5 s6 d; ~
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 F4 L( D% R' q8 r
         yDir = "up";2 H8 x* H  K& _: z# o. I
         }
5 F: H/ \2 u$ I8 x  B4 g      }5 w3 E8 s, z( T6 g8 c# l
   else if (yDir == "up") {& a) D! [( @4 C9 U$ U
      if (yPos < (0 + BallSpeed)) {
7 C9 u5 M: c! G- m" l         yDir = "down";
5 A9 h) L5 g. Y) I  d         }
* c$ }. f% ^  d  `      }# C! R# @; @0 P% y" ]
   if (xDir == "right") {
8 B! B: {. h0 y! d9 |* [      xPos = xPos + BallSpeed;: ]: \- @3 ?+ [' ^5 h+ Q) l- R
      }
$ c2 d5 ]) G: L0 T: F   else if (xDir == "left") {2 A" h/ `+ b  u
      xPos = xPos - BallSpeed;+ w; f# b2 {8 N3 w0 G- p
      }, _. @0 v! t/ m0 t- u, s
   else {  |9 a1 p* Z' H: e5 O
      xPos = xPos;
. z6 f9 t. @% e( z      }0 G6 }$ R/ G$ K/ w
   if (yDir == "down") {
$ w8 q  j* c, |) F* m      yPos = yPos + BallSpeed;
0 m1 Y; ]- [& T! W" \      }
; Z1 r# M* z% H! R6 k   else if (yDir == "up") {
# P$ k, B" M+ ]      yPos = yPos - BallSpeed;9 B3 f( H3 x6 d2 X: G! X0 R* J: Q, o
      }
5 ~& p, q  [5 h   else {
& {/ p5 T% @" {      yPos = yPos;, C3 d3 G1 L& N7 H
      }
( o" z. ^$ N6 p2 @& E   }6 i" X; v2 q3 C
8 O1 }* c& j; e& W& ^
function hidetext(){* @2 L6 H+ o9 F0 F& U! N
if (document.all)
  a" }# H, E. Y, T$ L7 Psupertext.style.visibility="hidden"
4 E5 ~  O) i- s, m9 Delse if (document.layers)
. q: ^2 n; A1 w; Cdocument.supertext.visibility="hide"  \* E' f5 P, T, }
clearTimeout(animatetext)
& u  Y! _5 J4 s) B& b- C8 n; I}' |, \1 S+ P" q# ^1 h  [! Y

2 E  u2 `+ G) l* S2 Pif (document.all||document.layers){$ n6 b" G' E: P% \$ h3 v9 S$ W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* A& n, F4 b2 A1 u# owindow.onload = initializeBall;: Y: {. z) K5 ^* ?* j& o
window.onresize = new Function("window.location.reload()");" L" |2 e, I$ h9 Y8 f5 K, k
}, I# }# x& G( B- l
% L3 G9 ]' S- S' O  {; Q; W
</script>