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

zw2004

<style type="text/css">
0 ?4 K) A5 l0 H#supertext {% i" H" {: E: q5 ?+ A  I  n" @
position:absolute;
6 s( J+ B7 C# Z5 K0 Z% ?left:0;
1 A3 S& ^# ~- `; E) |7 ?top:0;2 _7 ]0 E7 F/ z3 t3 O- ?2 Y8 O' ]$ E: \
visibility:hide;+ x4 f3 f' l8 P0 n1 A/ b, m; V
visibility:hidden;
! v8 H) G. j/ I& Y! N6 }}
9 v- P# K5 a- T</style>! T3 O: e7 [3 @) H
<script language="JavaScript1.2">
' M) ~; b1 M( N5 s5 b. H5 ~<!-- 改变下的字体的大小。颜色-->
7 C# I1 u: v5 T/ r2 w  A" }4 |# O# cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 C% H/ t$ G4 e1 m2 B; ]6 Avar hidetimer='';4 Q) y8 d* [! U- ~
<!-- 改变下的弹跳速度-->
. D/ @. c% `9 h7 t2 i- Qvar BallSpeed = 20;4 N/ a1 Y  ?" ~2 B7 a( ^" u
var contentWidth;4 I3 Z3 L2 Y# J" m) |3 X+ V: j
var contentHeight;
2 ?% O' R7 @6 F" X2 kvar maxBallSpeed = 50;
: }: }8 G1 Z9 _; G# }7 h
0 _) J7 c  S: i$ c% }9 F
0 W( A( E. g5 O( u+ C* _var xMax;6 G. p3 A1 `6 V4 N0 ^+ O
var yMax;; R- V) i( q4 V- S& J: [
var xPos = 0;; u( o. I2 R; o2 i8 R4 m$ ^/ ?6 t
var yPos = 0;* F: b6 z, P) n  m; m9 u8 m  n* \2 b
var xDir = 'right';
5 c! _$ @2 m4 R5 \var yDir = 'down';
% U5 q# q, @0 a) I* \var superballRunning = true;
7 i  O, e9 g' B- F/ x7 m  b+ ~var tempBallSpeed;) {% [2 D! Q( U4 v/ K) b6 c
var currentBallSrc;0 d) a, q6 w. Y& v
var newXDir;
: k' v& y* h9 o( Xvar newYDir;
' l5 O, `; A% o7 c7 N
7 @+ _- T  S8 f) ]; o& }) Rfunction initializeBall() {' F/ c  q; B; x! y2 _+ n
   if (document.all) {
# Z8 O1 F7 B3 j+ u      xMax = document.body.clientWidth
) r8 T, c, K) Q$ A# F  F8 _4 Z      yMax = document.body.clientHeight8 l, e3 u9 l9 v0 j: g
      document.all("supertext").style.visibility = "visible";2 B% @& i8 P2 z7 d# H9 G& u. |4 ^
      contentWidth=supertext.offsetWidth3 X+ l7 o- n5 M( P( ~. R# z: e
      contentHeight=supertext.offsetHeight1 W& d7 F3 S  c' ]5 J
      }% x- B, O' Q5 k: m# C5 q  Q
   else if (document.layers) {* O# U0 F$ @9 Z8 g% I; W' L
      xMax = window.innerWidth;' W' R$ h) X8 s) o* i- B
      yMax = window.innerHeight;& \# Z6 Z9 \7 W) U
      contentWidth=document.supertext.document.width
' G4 v* A8 n4 B* I! ~- o; u! C      contentHeight=document.supertext.document.height" d2 O0 y& J8 |$ m: Z% W, E
      document.layers["supertext"].visibility = "show";, b  ?! ^  ]% q
      }4 Y2 k) {. F- I% R1 |  Y
   setTimeout('moveBall()',400);
  C5 U$ G; `2 t5 b/ F   if (hidetimer!='')
5 N5 R6 j/ F' V# D3 ~   setTimeout("hidetext()",hidetimer), Q( ?& F2 ~. v. }& T# a- j. u- t
   }
4 \$ i- L4 }2 D1 A( _5 W! g# Z' }
! {& k: l* }8 {5 F0 F9 C, {" ufunction moveBall() {% z0 m! O& s! S5 v; s* u
   if (superballRunning == true) {
$ i( j0 A3 l/ H6 k7 n% n3 o0 t$ i      calculatePosition();
( s9 `- _5 m5 _9 P7 D. ~      if (document.all) {& k/ f( q! i" T, H5 r) L5 z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  v8 c" l- D8 g) Q8 v( H: b
         document.all("supertext").style.top = yPos + document.body.scrollTop;, E0 M0 ^# u, K6 H6 r) R' k
         }/ h* J4 R5 R: X, N
      else if (document.layers) {
5 b# ~( `% u1 a$ Z2 J& q/ k# G         document.layers["supertext"].left = xPos + pageXOffset;
  p4 q! I1 H+ S: H9 `+ z% W& N         document.layers["supertext"].top = yPos + pageYOffset;
9 a* V" g; v9 E1 _( U         }9 H- _( x( k  \+ }  I+ j+ q" A
      animatetext=setTimeout('moveBall()',20);- `2 D9 A9 p9 D9 G
      }
8 M5 I. C, L. J$ M   }
8 f2 r8 J9 `! B4 |. u* b' h4 u1 d7 x9 v
function calculatePosition() {
4 R  o% q9 M/ s0 i9 f$ G; W# }   if (xDir == "right") {
4 m* d" R- l6 T      if (xPos > (xMax - contentWidth - BallSpeed)) {
# w2 M# D, v5 x3 m7 g# l, U' O         xDir = "left";( H0 V1 q+ y. B; P7 y- Z
         }6 i3 C# V9 N( X& D% ~' _6 a
      }" W1 ^' [1 T# R4 O0 Q1 L7 F/ u
   else if (xDir == "left") {: t% L5 ~7 f+ ]" [7 J
      if (xPos < (0 + BallSpeed)) {+ j$ \" ]! i# b( u5 @9 S: a
         xDir = "right";
' B# n" H! s1 G) \3 H         }- U; s/ b( s$ s! ^& G' f) O
      }3 W8 \5 K. t( y! f! V6 m
   if (yDir == "down") {% _5 u' `" E% E' m
      if (yPos > (yMax - contentHeight - BallSpeed)) {
: v* p" F: o. u8 s# ~1 g' d         yDir = "up";
6 ?# @" f% E8 m         }
/ _; t2 c9 j5 ~      }
! X; `  w" f3 q- A   else if (yDir == "up") {. W0 E* g' m9 R; z9 V
      if (yPos < (0 + BallSpeed)) {7 a7 i$ Y+ y. s" A1 n
         yDir = "down";
& K; G7 v/ m( ~  g         }
- ^2 i+ v! j6 O5 K0 h$ g      }% D% k; P# r+ D+ m
   if (xDir == "right") {7 ]- E2 A, c+ s; l& }
      xPos = xPos + BallSpeed;" E$ L$ P, s3 m& W0 i
      }
/ H- }) |8 U4 R: U) a0 p; R/ s; I   else if (xDir == "left") {! w: o& t  O% P" f  u" I2 \* V+ S- {
      xPos = xPos - BallSpeed;: s0 B  A. G- X6 g' q  |
      }
0 i# D% F$ I6 O+ ~/ `   else {4 ~, i2 x0 p0 Z! G+ \% q
      xPos = xPos;
& Z3 Z9 D) ?6 W$ P# b      }
, {% G: n: P4 O! V: c   if (yDir == "down") {" {1 _1 f% V6 k0 V
      yPos = yPos + BallSpeed;( U$ p$ c7 z" n8 J1 Z& M0 k
      }
7 |, i% ~. i; x! F1 ?4 I   else if (yDir == "up") {. ?  t9 l1 ?; T8 F( }
      yPos = yPos - BallSpeed;
3 T% v; u( f# Z! T8 |! L& Y      }
2 P4 a0 P  p3 z   else {
  I3 [$ k' V5 S, C; F( e7 c# b( N      yPos = yPos;7 V: d) T7 E& t6 ?
      }
) e, `' \/ v7 B   }
+ C! i2 m; B/ u" r0 h1 }8 I! Y7 q1 `4 B% e' @1 l+ H( P' Q
function hidetext(){
' s$ n- G% Z1 Q# Yif (document.all)& G  i8 |7 l  B% q2 U$ P
supertext.style.visibility="hidden"
: S" ]* L/ S* t- Q8 kelse if (document.layers)
& ]) N; y, X9 |, J& w) sdocument.supertext.visibility="hide"
( O7 B/ k' S! p  BclearTimeout(animatetext)
, f( w' x1 e% ?. q/ A}
4 D; }8 Z- Q7 {
9 T- P8 _% s3 b9 Q0 Q4 ]) tif (document.all||document.layers){
2 n* S# Q7 Q) i$ G; `+ Jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" J- h0 G" x" k& x' }, C5 M0 U( mwindow.onload = initializeBall;' |+ I# ?1 B: B! W8 q
window.onresize = new Function("window.location.reload()");
5 O4 L6 i" P/ Q0 H- J" u1 m}
' A8 r- n$ L9 ?3 g
% H9 F6 {0 n/ G. I; n- t& w) H</script>