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

zw2004

<style type="text/css">8 I) V! x" `: C9 P# r" k; M
#supertext {
- n* c- p/ O7 ^0 Bposition:absolute;
) ~; U- J$ S+ D9 E8 Cleft:0;
  ]  I+ n5 _, F- s9 X1 Y2 G& Ctop:0;
# Y# `$ n8 p& q! H! }; ^visibility:hide;
  h- V* l1 q1 A$ d: Pvisibility:hidden;( P: E$ {, z5 U. h1 _& B# `6 p
}* A8 A; [1 C3 `9 z: j7 c& Y
</style>
. u$ c8 U1 \1 @, T2 z  E& g<script language="JavaScript1.2">; ^& r) f5 b! ~- G
<!-- 改变下的字体的大小。颜色-->4 d  o: a  {0 d$ v6 u. v# }: s! a
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ P' B! T. ?. j( K. q) w% Uvar hidetimer='';
1 B+ A1 R0 {2 z2 ]<!-- 改变下的弹跳速度-->
9 x( p! j. c# ]/ E, F! Lvar BallSpeed = 20;+ s9 i8 s$ l4 A0 {7 j8 j0 k
var contentWidth;
3 d& P, h0 q; f7 `; V4 vvar contentHeight;% }. `. E- x. A% u. a
var maxBallSpeed = 50;
: @. Y- x, a5 \# ~# }
( t2 n4 j7 v5 J+ f9 I; a9 e% e
1 @8 o* u( z$ m& cvar xMax;. a9 ]+ ~& }  {& I8 k: D
var yMax;
4 m1 O/ r  [! a5 h( Tvar xPos = 0;
  |$ d% t( {+ N5 \+ d3 ^var yPos = 0;0 w. h' ~( H1 k, _5 S7 M
var xDir = 'right';
1 f/ @: ]5 v! p# u; Ivar yDir = 'down';
/ F9 ^2 R2 f6 a  p) Jvar superballRunning = true;
  Y5 @# ?8 R, H; Vvar tempBallSpeed;
% a0 f% T" k8 \var currentBallSrc;
- U( a& ?) Y$ d& }+ M- Fvar newXDir;% Z/ p5 c9 U0 ^3 Z- C$ E$ @9 c2 E
var newYDir;8 J6 _" L6 V* M$ B8 c
* _2 v* V/ j7 j- B' E+ _
function initializeBall() {
4 X, c0 V, [6 ?! u   if (document.all) {" q4 L0 {/ y  ]* R3 X: b
      xMax = document.body.clientWidth5 e, I5 n, D5 I0 K' Q7 g# m
      yMax = document.body.clientHeight
% Z1 ?1 R) V) j$ S7 M, H" F0 ^, o: y3 Y      document.all("supertext").style.visibility = "visible";1 X# f; S' q7 ~, J( {. ^% X8 M4 l
      contentWidth=supertext.offsetWidth9 [& g, C+ K* M
      contentHeight=supertext.offsetHeight' p$ S  W6 R* v9 {4 L$ L: b+ _
      }
, k5 F3 k1 h4 v   else if (document.layers) {
, q* T9 b& b7 u# g: M/ m1 q      xMax = window.innerWidth;
, }; W5 N# X& w, @9 Z7 \( N$ x      yMax = window.innerHeight;+ V) C) a) Z. s5 E
      contentWidth=document.supertext.document.width8 v# B# U$ M* I% l3 A- ^6 P  I& l4 Q
      contentHeight=document.supertext.document.height
$ e( Y0 |: d) j0 [      document.layers["supertext"].visibility = "show";
2 i4 [' D$ u1 Q2 {      }
% J( t! S. T" {) p" I   setTimeout('moveBall()',400);- h( ^, q2 o1 `
   if (hidetimer!='')
. D" d. ]# M' q9 O) [/ l: ^   setTimeout("hidetext()",hidetimer)
3 a3 r0 V: x* k; b  f9 m& L2 W   }
" f/ _5 U$ l. b9 Z! a2 E
, Z/ J7 I: \2 |& |7 jfunction moveBall() {
- _5 k' c) w& P. x6 f) u# R# [3 S: W   if (superballRunning == true) {
* }/ b  [5 r4 o. j8 d9 J$ ~      calculatePosition();
0 F0 j8 J0 ^1 l# S9 M: t# t      if (document.all) {
9 S: c. I0 t# {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 r4 g+ ~% u6 w3 w         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ W* ^5 z. M* V. [- ^         }, {+ H* b; y4 y& A1 ~
      else if (document.layers) {
4 {3 c  ~' v6 Y" t2 k- V         document.layers["supertext"].left = xPos + pageXOffset;4 h3 a0 \' N& {, r! z' n, b
         document.layers["supertext"].top = yPos + pageYOffset;5 r7 w2 q' d! j  g
         }
/ X" c# E( E5 [( S) G- n& R/ B      animatetext=setTimeout('moveBall()',20);' y  |0 e& i, r1 @' X
      }
6 |, r( ]3 o2 v3 o   }
7 B+ F% q# P9 Y$ h4 z2 }0 ~; n
& {5 O7 W0 g# \' Dfunction calculatePosition() {7 h6 T# K% Q' }* N9 f! O8 k: [
   if (xDir == "right") {4 J4 k' U7 N3 k* S
      if (xPos > (xMax - contentWidth - BallSpeed)) {
, ?- w6 n$ @2 d( i         xDir = "left";, i, J% u& ~4 p1 p' t( d2 r; p
         }# ?  S; \/ V, i, f6 Q4 h7 {( u
      }
6 X  _/ }4 @- b( H  S, \6 h   else if (xDir == "left") {0 ^5 R# h5 b( B' d9 g& q4 K$ ?
      if (xPos < (0 + BallSpeed)) {
) Z- h% `% j/ @' H$ t, c         xDir = "right";+ _2 D! w! T: T# j) c4 ?" Z, E$ V- c
         }
0 P- P" ~3 L% l' b      }) [: s1 R+ J% Z& t8 N# M" z
   if (yDir == "down") {5 K+ F2 t: m) F$ S5 Q& z- j
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ }  j( B, f9 b0 {9 w5 F: i' [/ g: h
         yDir = "up";
* ?3 A8 [* P9 E/ s1 {         }0 e* b. ]% F! J9 w" k. ?8 |  S
      }& a% ^5 X& I4 U
   else if (yDir == "up") {$ u5 C% E, V% c! x, I
      if (yPos < (0 + BallSpeed)) {
: A2 h* ^3 v/ r4 Z' z5 e4 a6 ~/ A$ L         yDir = "down";1 a9 e3 ~0 F2 k, G1 D
         }* @9 i  d* ?+ t) p" D8 R7 ]
      }
3 t! W, h% O8 B+ K% n$ g1 _   if (xDir == "right") {+ I  T) ~4 d" I
      xPos = xPos + BallSpeed;8 w6 U9 _1 L( H
      }& w! M: `( ^* H0 _, T+ ~
   else if (xDir == "left") {; Y, q- S# r& o. E, C$ n. l
      xPos = xPos - BallSpeed;
9 G1 s1 D* @/ b! O/ r, @      }3 [7 k( C' E  {. E2 i0 Q
   else {: S! H, k% A# \7 [* i1 U# R" v
      xPos = xPos;
9 C: t* a$ a4 o' Z, |      }
# j! y  S' n$ u2 g% N3 z; i) a   if (yDir == "down") {! R+ Q$ X) d% {7 n) ]- _
      yPos = yPos + BallSpeed;$ @, k8 r6 d0 T  y1 @, ]
      }
  o: H* c" B3 i$ ^   else if (yDir == "up") {- O9 e9 i& t; g5 l* l
      yPos = yPos - BallSpeed;
; h9 R3 n% x- g      }
, t, p6 i! A& c   else {) n  K. f5 h0 b- a) k( X+ n: h
      yPos = yPos;" E0 W, k# d% V3 L* ~9 D4 E% }
      }
0 Z& Y) N* e5 w. e+ }! e% ]) C( S   }- {8 c9 H" F& ]( ^

/ d' H$ f4 r0 ?0 S/ Y) Y1 u# r2 a- Wfunction hidetext(){
0 Y% h% s( g4 Dif (document.all)
. @. H4 V$ l9 P' T. @$ s* Vsupertext.style.visibility="hidden"
9 C6 m, X+ e0 b  Pelse if (document.layers)0 U( ~; g  l2 B" q1 `, ]
document.supertext.visibility="hide"
  r( b+ ]* @9 v& a0 K5 o; JclearTimeout(animatetext)
; u- n, \. i% i* S1 |0 g}( j, N6 k- g/ x; k* f
& @: g+ _& n$ J# U) v5 R9 c
if (document.all||document.layers){
. V# E" l  n/ R$ Xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ ^/ N5 w4 F: k# s
window.onload = initializeBall;, [# m" V0 P. P, v6 I# S
window.onresize = new Function("window.location.reload()");
1 ~5 j: k0 ~) |  l! s}
+ y6 A8 P/ h) Y" @8 d* [3 s9 d/ a% s
</script>