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

zw2004

<style type="text/css">8 b% `, o1 j' _2 O& ]/ _
#supertext {. s& {* B1 }: `0 {& ^
position:absolute;
+ R: |' J2 I. ]" w+ Pleft:0;
" P4 {, _5 ?# R0 y$ i  c$ m) c2 ~* Ytop:0;
, R# ~. T) d( q- {, yvisibility:hide;
4 ^+ g1 H# }; p( m% Y* s( o( K8 Pvisibility:hidden;
3 ?0 d* W  b1 k3 g}
& E  O% ^; z6 Y# j; Z</style>
3 L1 ~( O2 `9 }<script language="JavaScript1.2">" E2 Y9 G8 v& J
<!-- 改变下的字体的大小。颜色-->
, G6 h" m7 V0 [- F8 x, O. n* bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( P1 k" U7 c) [0 p/ v
var hidetimer='';9 ]8 r% T4 D! Y1 b
<!-- 改变下的弹跳速度-->) B5 ]/ o& m9 R/ d5 q" \2 D% c. u2 |8 R
var BallSpeed = 20;& t- i0 G. {2 _% t5 [" r1 ]3 [
var contentWidth;
$ |0 R! X6 ?1 H$ f( Gvar contentHeight;3 S: q! Z) `& c: b
var maxBallSpeed = 50;
( ?4 W) [+ [  l
3 l* e4 N: b  p  A& ~
% b! C/ `. N+ t  u* e- p8 Hvar xMax;
4 i& k! d, r5 @- Jvar yMax;& G& s& T- p+ z( m
var xPos = 0;
+ y) m1 C% X8 ^' [: O2 i$ D* nvar yPos = 0;$ \) I; O7 F  D+ O5 \* y, T
var xDir = 'right';
  f. V8 |& A: Q2 L0 Uvar yDir = 'down';' V, ?2 `& v/ R: w. s" H& n
var superballRunning = true;
* D! v( w0 X* y' n- ~var tempBallSpeed;  @4 @% g' q$ \1 o1 [$ a
var currentBallSrc;* d$ h) y8 ?1 n1 r% S8 E9 K
var newXDir;
2 r; R3 w5 }7 W! K* D* bvar newYDir;9 C# o' ?- l" d2 V5 |
+ G0 |- D$ o9 V0 m6 S3 I
function initializeBall() {0 x. A" E/ \: E6 N  t
   if (document.all) {9 W  Z4 Y9 }) Z5 G* m
      xMax = document.body.clientWidth4 u' `9 x( g! b7 U) U/ E% f/ Z
      yMax = document.body.clientHeight
4 F: O, H( {' X2 ~+ b: p. |% y) b; M      document.all("supertext").style.visibility = "visible";( j+ U% s+ }+ I$ U1 U/ u: h* ^2 `
      contentWidth=supertext.offsetWidth
( H+ i  W3 V5 a2 n) O      contentHeight=supertext.offsetHeight
# m; a& Q5 [. p3 \; |9 ]5 P5 b      }. B1 N! i- D9 R! g
   else if (document.layers) {
+ I" T* z! ?( b9 ^      xMax = window.innerWidth;
- d# q2 R; n3 t' c" V      yMax = window.innerHeight;
4 [/ [5 o4 E5 L; b      contentWidth=document.supertext.document.width, m: ^4 P* {: V# J1 z9 o
      contentHeight=document.supertext.document.height
* S2 l8 B# `) m      document.layers["supertext"].visibility = "show";
8 H( b6 }* ~) T0 y      }' s+ Z/ D# K2 u$ m) M
   setTimeout('moveBall()',400);. `! l' e! e8 x. z6 i$ H; p4 D% ^" n
   if (hidetimer!=''): g7 i5 o" A0 g7 Y7 N
   setTimeout("hidetext()",hidetimer)
9 W( {* K$ r+ ?; Z. W% A   }
4 D; E; ^. G4 M9 y$ [$ r: }9 B( v2 K( r0 H* ?1 R
function moveBall() {
) E# |: \$ c- a( z   if (superballRunning == true) {0 \8 ?% l& ~4 p2 v; i# W! @) S  B
      calculatePosition();
/ N! \, k7 Y% y: d0 t! I; G      if (document.all) {. o2 o' b2 t2 J- q/ u
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 X' `4 [5 u) Y' d1 Q% z3 @9 t1 }
         document.all("supertext").style.top = yPos + document.body.scrollTop;+ j& `  O' u. g
         }8 u* i; o4 |' p% a% f+ S
      else if (document.layers) {. ?- F& X% W* \. c7 O7 l3 k: a
         document.layers["supertext"].left = xPos + pageXOffset;
# _3 z# m& L3 `+ m! `& ^         document.layers["supertext"].top = yPos + pageYOffset;
" i! V/ @: o( K8 ^) X% i6 r. x  s6 c         }. i9 R& I$ q3 C: L- Q
      animatetext=setTimeout('moveBall()',20);8 I  L2 U/ c! P+ f9 A
      }
" F+ v1 z5 H' d   }+ D( j# y' l6 e, X- P/ w: U' _

; {- b# y- U! E  Y0 Y7 x# Gfunction calculatePosition() {; L3 m1 [  c0 K  Z  J, V
   if (xDir == "right") {7 z" A& {/ S6 `" C3 T* u8 Q6 M, v
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ I2 A0 |0 V: P+ W/ s         xDir = "left";
$ A: ~$ q' \; @; Q7 c         }0 s5 v0 L$ {8 f; Q/ w
      }
9 ]- I7 Z1 q2 L( r- j+ C   else if (xDir == "left") {
3 B$ \. s  o! O8 ~% w7 z      if (xPos < (0 + BallSpeed)) {
- n  S0 T7 [. t4 W+ ]3 k3 H6 F         xDir = "right";+ w: Q$ [" i' W3 V, L
         }* j" z7 h( l- ~, w* B% w
      }8 @; v$ I; }; I- B4 A
   if (yDir == "down") {
4 n7 d4 T: r# Q3 {4 t7 w  r      if (yPos > (yMax - contentHeight - BallSpeed)) {
  V, X1 l. X, U$ @# g         yDir = "up";, Q  e8 d- l# D5 f4 B
         }
, k( y+ Z/ n* g0 t$ i8 y( Z0 Q      }' k; L  f5 {$ ], i
   else if (yDir == "up") {9 u% x# p# H" }
      if (yPos < (0 + BallSpeed)) {1 W% l2 i+ v2 i. g
         yDir = "down";
6 x4 \% ]9 P  b6 J* Z/ F  N         }
; i* M" G" X2 u3 W3 c% a' C& b      }: d/ l# F* B$ E& B3 E
   if (xDir == "right") {
6 m( Z) N; S  U- b, Z) o& G      xPos = xPos + BallSpeed;
% G9 O  I) R2 k" s9 s4 s$ i' Z  a      }/ O0 U. N( \7 t
   else if (xDir == "left") {2 N! g8 F$ G  P. _
      xPos = xPos - BallSpeed;+ A" [) |/ Y% s( C( u
      }
/ Z' e9 T9 j8 [   else {
+ L+ g( ?1 u* n) o( i  u      xPos = xPos;
/ ~+ p7 t; @7 W3 Y6 A      }
/ n  B3 x3 A- ^$ }1 r( u   if (yDir == "down") {
1 {( t1 w" [; v7 S9 K, X) j) A" j# q      yPos = yPos + BallSpeed;4 a+ S, {" c2 F9 V5 J; v) c
      }% }8 L5 l0 P6 O7 ?
   else if (yDir == "up") {
( h0 `6 Z% C1 [3 S# `" }/ a/ {; \      yPos = yPos - BallSpeed;
0 B. W1 b  |. p6 g1 M5 G( `/ w      }6 M: H, X; T1 t! h$ M/ l3 q% P
   else {/ y2 o* s# h: k; B& W
      yPos = yPos;# E. Y0 [  s" ~) ^/ C& F5 l$ u
      }
  ^% b, S9 Q4 f6 l& e+ u3 ]   }) u' t& `0 d3 J" b
( W9 g+ `' q2 W3 a% A8 z9 S) D
function hidetext(){8 z5 T5 @% g* J+ a4 O
if (document.all)
7 \/ X- U: ~. Z6 X3 Csupertext.style.visibility="hidden"2 S* A; M% h8 k2 u7 R2 X6 n/ K
else if (document.layers)
: P# _8 y# ]/ X; F/ f9 Ldocument.supertext.visibility="hide"
4 o9 |3 c3 e6 G! d/ W6 C' @clearTimeout(animatetext)
8 {# }! f5 _& {8 f2 R4 w6 |* ^}8 d% [6 s" {4 ]. ^& |
1 Q4 T# ^9 ~% D
if (document.all||document.layers){
! ~+ O! ?0 ]% Y+ P8 F) t' Ndocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; @1 V/ r$ Z; i0 xwindow.onload = initializeBall;1 E- p; n( s  w! L0 {
window.onresize = new Function("window.location.reload()");
. q$ b6 v+ g# A5 }/ A}4 o7 i  \, N* h: d7 W+ [+ [% w& V

9 q) \( @5 \$ x</script>