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

zw2004

<style type="text/css">
, _6 T) K! k+ C' ?, y6 X! q#supertext {
& V' ^+ a6 @- m0 z) x  l" ]position:absolute;
6 J$ H' r1 o6 Y7 P5 g3 O2 @) Q! }left:0;' G  W# N& z3 Z2 ?: \
top:0;
8 T2 l* y" N5 I6 ~. S. V- a/ svisibility:hide;
" n6 F- M' ~2 |: f! N9 q6 i4 Avisibility:hidden;
+ I7 ?- p7 Q2 T3 [6 |}5 {& O" x. X* ~' A. {
</style>8 i& Z- s6 ]- m& f
<script language="JavaScript1.2">( o6 ]5 J" e% ]7 f. |5 A
<!-- 改变下的字体的大小。颜色-->
; \$ @6 j4 {( ?+ Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# m# W) [8 T5 g& l3 Rvar hidetimer='';& i$ d4 i5 u6 |/ F9 |8 ~3 ~! r
<!-- 改变下的弹跳速度-->8 d$ C) C" b  ]
var BallSpeed = 20;, D# C- P% i6 y. o
var contentWidth;0 H+ W, Z2 I1 I8 g% h$ D- w2 z
var contentHeight;0 o0 k4 _$ c/ q$ l' D$ g
var maxBallSpeed = 50;
' w* L6 V+ t# n; Z5 h1 A0 |7 t/ Z
& e. \& a% K# Z4 p
& A. C5 J( n/ f- [var xMax;
# p4 k3 X) f$ z0 p  L0 n: W# o# Ivar yMax;  X9 B' u4 \: N3 @8 t  _
var xPos = 0;6 i- N: d6 a5 p
var yPos = 0;
. m8 {1 Z; g: k; p  u! V) r3 w: xvar xDir = 'right';( c4 V! ]- M3 `
var yDir = 'down';
! N' f2 \) C% l1 }1 e4 Kvar superballRunning = true;: Q) A# u6 I7 C4 Z  z: i
var tempBallSpeed;& B5 b8 y$ g7 m' [+ u
var currentBallSrc;
" J6 F" W" p2 a; [) U$ Cvar newXDir;' w, {9 t( x+ Q7 }: k
var newYDir;
" p; y3 P: V7 z# d+ p* W$ K7 ]! L0 G$ y3 l( E- {4 b4 f# k
function initializeBall() {. v3 e4 _  ^' |! o: E
   if (document.all) {: G. @% G+ k# P( u, z
      xMax = document.body.clientWidth. @7 t3 e; l; z
      yMax = document.body.clientHeight
1 n2 R- `  b# z9 J' \: x( c7 \      document.all("supertext").style.visibility = "visible";
8 D! b( d# j, a8 n3 S      contentWidth=supertext.offsetWidth
/ ?; Z0 i/ ^/ w- _  A5 D$ y) D      contentHeight=supertext.offsetHeight) Q1 A1 b( j* `( v. g/ c
      }
+ S$ d5 h) C/ V/ {   else if (document.layers) {
3 M" u& }/ [: N; q! |; y& R7 `0 L      xMax = window.innerWidth;/ E7 @7 ^+ m( \3 h6 m3 g
      yMax = window.innerHeight;
" L/ M  X6 ^& }3 [4 g: m      contentWidth=document.supertext.document.width3 A) a! A* X' {  ]
      contentHeight=document.supertext.document.height$ }' I: @0 R0 J* M% ]$ @
      document.layers["supertext"].visibility = "show";4 z: L! t$ t+ }
      }1 H, o7 H; I# i$ d9 L1 J. i
   setTimeout('moveBall()',400);9 s- H. {- ?( H* P# {! Y- u
   if (hidetimer!='')
3 ?; v: N$ B6 `   setTimeout("hidetext()",hidetimer)
" Q( X; }, M8 w4 G3 q. |0 q   }& \( n& ~  l+ x- k, \

; r" ^# ^+ R8 _0 F) g4 s3 T1 Dfunction moveBall() {6 D  B2 o+ d; @' z5 s
   if (superballRunning == true) {
, {1 C* J- O! w* Y- S; X      calculatePosition();' G9 a* e/ l" n: x3 y
      if (document.all) {
3 q1 ]$ v$ T$ T9 A4 l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 n7 ~9 \- r4 T( R$ R8 S, `         document.all("supertext").style.top = yPos + document.body.scrollTop;
  k' a- H/ T1 ?, ?         }* N* D. Y* h1 K+ a: L3 @3 N! l
      else if (document.layers) {' Z! O5 l9 d7 X& p1 y  ]
         document.layers["supertext"].left = xPos + pageXOffset;) U- h2 f# f0 z7 Y+ Q  E  R
         document.layers["supertext"].top = yPos + pageYOffset;& Q; }1 b5 P7 A$ r8 ]
         }8 Q$ F- n/ i& a. }5 H8 c
      animatetext=setTimeout('moveBall()',20);: S+ H' P' [/ {: b2 L- e( B
      }
; c" J) G2 ?1 p4 h   }
' L# }2 E% C8 {" ?' c) F
- K: o: h; ~# Afunction calculatePosition() {
- a8 S8 P0 S  G8 Q   if (xDir == "right") {
* c- B4 T. C* k; @5 j) t. @      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 l' ~% i: W* W9 ^1 z; W- e9 @, h         xDir = "left";
# Q/ g6 o2 H9 c, N         }2 p; `( _) X, n
      }
3 j9 G4 q% u5 R- {7 Z' Z   else if (xDir == "left") {
' C. H0 O6 }8 c  M      if (xPos < (0 + BallSpeed)) {
( C( L0 S, \; q- Q5 L         xDir = "right";0 L  u  o. f# U% U
         }  U8 {+ n/ j; W8 A
      }) K7 o. C5 ?# I  i( c' {' S) A
   if (yDir == "down") {
& c5 g6 I, `6 |$ v* A' x      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 }: k# w# v% p9 U         yDir = "up";( W8 [' U1 ^4 U% |  [6 }
         }- E- x: D3 R5 A) C
      }
$ w8 y8 g4 c) z) }  C   else if (yDir == "up") {: @) Z0 ~8 O$ x$ S2 D# s. y
      if (yPos < (0 + BallSpeed)) {
$ `; f+ `7 `. U0 H. n. ~8 G         yDir = "down";! Z0 p( U$ v- P% l% Q
         }1 [. U9 O' x' s) }9 y7 Z
      }
* g( Z2 l+ ~( L   if (xDir == "right") {
( P* n( b. _2 {8 K      xPos = xPos + BallSpeed;9 o/ _4 p* N+ `. L
      }' Y% d$ ~4 j1 n9 Q7 a! C2 o
   else if (xDir == "left") {: c" k7 d9 H! z9 j1 H( [* d4 M
      xPos = xPos - BallSpeed;
0 P4 T+ r7 H% i" b6 i! G      }! I9 l3 L8 J/ J/ ]: n0 e5 {
   else {
9 S6 E/ `' K3 s3 e! t/ n3 Q      xPos = xPos;5 U. v: m: Y9 @3 e& j
      }
. a0 h; E5 I* \- L1 X- C! d   if (yDir == "down") {
+ y- C1 K# H' r. T      yPos = yPos + BallSpeed;9 T5 ^4 L/ P8 F! {1 k* P3 g1 o( T
      }$ Z/ W4 _; y4 i6 F
   else if (yDir == "up") {
5 ]/ N5 k5 }. `2 f% A  S2 f5 m      yPos = yPos - BallSpeed;* E/ K! Y" j: s, [* z% e$ y0 K
      }
9 U7 L5 G! S  a3 h   else {- W& j1 O0 {2 ^
      yPos = yPos;; O8 R. g, _  ?
      }$ X0 P& \8 L$ m) x' @3 w
   }
/ q8 Q0 O5 l3 `) ?" R- _5 W
$ D& ~  \. K3 Q3 z) i8 j2 ]1 U3 J1 I" Pfunction hidetext(){4 c6 |4 r2 |9 i# H
if (document.all)
  O( v" F1 @5 q/ X. _supertext.style.visibility="hidden"- F1 Y2 B' m$ Y8 ~  T
else if (document.layers)
9 I8 l+ l3 l  v8 M3 Q$ ydocument.supertext.visibility="hide"( c* q* H! A. f3 o% y/ M# G
clearTimeout(animatetext)& n4 H6 f% L* n/ v( e) o
}. d; u/ p6 N, V! k" k6 u8 U
- d1 M4 c; D: L2 y
if (document.all||document.layers){6 w! K. x9 h3 [. e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 I" m( h+ E1 @) [4 e2 Zwindow.onload = initializeBall;
' R( u+ v6 d, w2 u  \window.onresize = new Function("window.location.reload()");
2 S/ x4 i( ]! R  p}
( t# `. z7 ~: x$ B+ W- F: P  T0 C" s& b; a- r' z# e- l
</script>