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

zw2004

<style type="text/css">1 D; A) O5 N" E
#supertext {2 ?! x! p$ c! _9 A) u
position:absolute;
1 Y* T4 a( w; c4 A2 m. k0 N0 i) Zleft:0;2 j9 x8 v* h" _: R' [
top:0;5 {! z1 E8 j+ s! P0 u+ R3 M
visibility:hide;& c1 J) Z; V; a+ x8 ?) u0 n0 Y
visibility:hidden;' O' r; L7 ]: Z$ f; m4 Z" B
}
1 K# F2 |: x- F7 p9 s, {: N3 r' ~</style>" P2 e% u% j' T* D
<script language="JavaScript1.2">
; H3 z6 `6 r' e9 j<!-- 改变下的字体的大小。颜色-->6 S: ~% ^: o: h- d3 s$ S
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( Q- ~" C1 U- C- `2 s' x
var hidetimer='';9 T- Y+ G6 ?# B+ h5 c
<!-- 改变下的弹跳速度-->9 E7 k9 s( L- S1 u
var BallSpeed = 20;, T' \9 q& D  p7 a
var contentWidth;5 ?" R6 m9 u7 _. |6 A
var contentHeight;
2 v  A4 z* s6 ~3 P* i. Q4 kvar maxBallSpeed = 50;
3 O" i& h/ M' ~0 p( ], \! Q- H* K- g% c1 G# J! F

; \- X' H( M, zvar xMax;
- W3 N8 V/ v0 x, }) ~9 g, }var yMax;
4 p( n! H" U+ @( m4 P" h% Uvar xPos = 0;: S0 i) u* Z. e
var yPos = 0;9 z" \% V( H! X$ t' |7 E; V
var xDir = 'right';( w# M1 g+ m7 p
var yDir = 'down';* K+ n/ O. t- [2 {
var superballRunning = true;" j; n5 {+ Q( H( q' e9 \
var tempBallSpeed;3 P, U+ [; D( A2 L' }; e& T
var currentBallSrc;7 o  Y7 q( r/ O# C  Q
var newXDir;6 n7 p9 K  c5 {; m6 Z( @% l  r
var newYDir;
0 y6 i. I6 @% Q, P' r
! V# |7 |) }' L9 I3 Y/ Dfunction initializeBall() {+ W5 J: r0 B+ B3 r) N4 y, A
   if (document.all) {+ ^  J( s. K' A$ b" r
      xMax = document.body.clientWidth
) N+ k  R/ E: o; P      yMax = document.body.clientHeight
, ]8 x# H; V$ h, K+ s6 k* d7 j      document.all("supertext").style.visibility = "visible";# t. E& `  N7 _6 v: A$ u
      contentWidth=supertext.offsetWidth
$ v2 a- P& b& A      contentHeight=supertext.offsetHeight  v- l2 t- n: @- w& `# A
      }
4 P- R7 ?5 B4 k: l9 E   else if (document.layers) {6 H; P0 ^# l! `& F9 G7 N- y
      xMax = window.innerWidth;
. c# }" B1 m* ~# ^0 o  e" z# L% h* V) j      yMax = window.innerHeight;. r, y3 L  N/ a
      contentWidth=document.supertext.document.width! h; C5 X2 R) |) {" U
      contentHeight=document.supertext.document.height
! x% O1 v+ M6 V! z& _' S      document.layers["supertext"].visibility = "show";
  B" {3 `* k, y- i      }+ Y: Y; n1 H3 ?" a9 @$ `
   setTimeout('moveBall()',400);. ^* z6 m' d! v8 @8 ~& k2 E
   if (hidetimer!='')
6 O) l5 G+ s* a- d   setTimeout("hidetext()",hidetimer)& \/ _" h' ^' t% f4 h
   }
* u, j: j! X4 B0 _
/ v0 P! V0 K$ n) {* y; l" Z! gfunction moveBall() {6 ]1 Q+ ?! E( E6 U, ?, v# K/ |
   if (superballRunning == true) {; r1 ~5 q/ k- E- a) y( _2 W3 h6 }
      calculatePosition();
- f% ^  Y- K. L" t      if (document.all) {
( v) n7 M# T9 K. W' ]         document.all("supertext").style.left = xPos + document.body.scrollLeft;$ D9 [7 z' x* S$ i+ G( A
         document.all("supertext").style.top = yPos + document.body.scrollTop;1 C1 C8 Y* `9 D* j  T( e( k8 g3 [
         }5 z6 Z' H; H6 b: w$ z7 O
      else if (document.layers) {
8 x/ F9 y2 a# _* d         document.layers["supertext"].left = xPos + pageXOffset;
) g# o9 [- n- Z4 u         document.layers["supertext"].top = yPos + pageYOffset;
7 H7 w! }  {0 Z/ q. R         }
; q( [, x1 O* M      animatetext=setTimeout('moveBall()',20);1 P% e7 u1 r% w3 Z
      }$ e# ?# K3 j9 T* z
   }8 p" Q4 `+ q/ V6 ~

2 B/ u/ {0 X( Y+ O, \. t' ]5 m/ ^/ u+ mfunction calculatePosition() {
% V6 p1 Y% l- Z' l   if (xDir == "right") {
4 ?. C" C! K. V% {+ @4 E      if (xPos > (xMax - contentWidth - BallSpeed)) {& ~& D% j4 m" R6 |8 b: c. O
         xDir = "left";
% D3 w! _! p; P& S2 T! U* N( V5 C$ B         }
  W) v  g/ ?& X) B# F      }
, \# ]" `( b/ e4 m- C- P   else if (xDir == "left") {3 `  \% [; Y( b7 Y0 R# i; o  t' X9 V
      if (xPos < (0 + BallSpeed)) {
( S3 Q5 r2 Y+ M9 {- a  ^3 D: o* j         xDir = "right";
& N, A1 j7 q6 w% _) q. T9 w         }
$ |9 G+ n& R# s6 D6 H6 T3 |      }
( X9 _/ d- M1 g# X: [6 g/ T   if (yDir == "down") {
  ^3 }  {# P. u5 e      if (yPos > (yMax - contentHeight - BallSpeed)) {9 B- D) H9 T' i
         yDir = "up";8 D: \* w/ ^/ O) [1 M" D& T8 \
         }
) l) i- u  R  u' I, [- x: h      }% t, W% C2 X: ~  m1 w" i& T
   else if (yDir == "up") {
; Q6 s3 J# |0 E5 d( a4 \( n4 F      if (yPos < (0 + BallSpeed)) {- L$ |# ^+ F/ S  }1 h6 y2 W
         yDir = "down";0 H5 ]" F* S& Q) ?$ W& V
         }) b* q7 i  f: B! F; P  W
      }- z: y5 V. e2 O! |' |3 I% H" h( u
   if (xDir == "right") {
5 D6 ~/ w8 z( Z' _# r      xPos = xPos + BallSpeed;$ ^2 M- e- }2 R  z& X( {
      }
+ e* M7 A2 Z  F! l& B4 y7 v   else if (xDir == "left") {+ h  o0 \" C! u4 w! @# U
      xPos = xPos - BallSpeed;+ D/ y; W' K- W
      }
7 ?- V% f6 J/ E9 B4 F0 U   else {* C$ ]; i& {2 Z# s9 |! V5 }
      xPos = xPos;
  N& V/ d9 @' T5 Y      }
: ^- P. J/ Z2 o1 d- l* O   if (yDir == "down") {
& h# g; C$ S! O      yPos = yPos + BallSpeed;
; X. ~/ O/ W- p. \: {5 H  L  V6 x      }, p, _5 Z$ S- Z! V% k
   else if (yDir == "up") {% x0 ^4 l1 S6 |- v
      yPos = yPos - BallSpeed;
# h" p, r0 o. U% F; }      }
2 h, Q- h4 \9 a) D- l   else {9 d% a+ O  ~7 y4 O* Z4 }
      yPos = yPos;  N  }( a. ^( z. ?' ?
      }
6 ?7 A9 _$ h# n1 b9 |$ @3 c' }   }8 @1 q; R4 k0 G& `$ u7 A

0 J  N. s" M6 kfunction hidetext(){
& K1 C8 d9 W6 S  ^if (document.all)
' F* O8 S" z- B0 B$ f+ U8 ?" jsupertext.style.visibility="hidden"1 Z) K2 n5 e# R2 N0 @5 c1 z/ |
else if (document.layers)& Q! r5 l" I4 z& f" B
document.supertext.visibility="hide"
! G: S( ~, i# W6 T: ?! ]) l# mclearTimeout(animatetext)- B' h  E0 K2 {
}4 W2 s9 W" u) @
' ?2 {' ?" B7 f8 z' {/ g: m; y: |2 z
if (document.all||document.layers){
! @( x( |- J' |$ Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')! ~, X+ {; W5 b1 i4 y2 b# [
window.onload = initializeBall;* R3 K" ~, B. M0 G# a% i& ^
window.onresize = new Function("window.location.reload()");" w  Y' {: @: U! v# Q
}
0 X- n- J9 i* f  D8 K& j# @# E$ h2 J6 q# Q/ q1 l
</script>