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

zw2004

<style type="text/css">
' q4 Z( N* z- O4 r#supertext {
8 V  M: J0 d8 @5 f) R* uposition:absolute;
9 J4 P: C2 `) a# |" x3 Yleft:0;
2 v, h9 g0 Z! ]$ \5 E+ g5 Itop:0;: \' t0 l7 l/ q
visibility:hide;
7 m" J- K% V6 K, r/ W- j& Z$ J: |visibility:hidden;! V2 u4 j  \9 \7 ]% v+ R7 L) n
}: f: D4 s) e" @3 d; w' u( ^
</style>9 Z6 O" Z# T. g3 O
<script language="JavaScript1.2">
& f( y; _2 @( g6 S3 G<!-- 改变下的字体的大小。颜色-->
' Q% M, k8 G+ E" `0 u' Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 a* W1 [  K4 z, D. c. |# [! gvar hidetimer='';% b" g9 n. i& y* q) A5 m. b$ |
<!-- 改变下的弹跳速度-->
( g, }. e, j- n- [var BallSpeed = 20;! {% m0 b7 r: W. t) M
var contentWidth;5 O) v2 K- N# K- ]) {4 M
var contentHeight;9 ^3 ~. E6 Q) W6 L+ Z
var maxBallSpeed = 50;
$ [& N. k; \$ q8 ~4 q$ M* G7 E) y
: X0 _! W6 u3 C' l0 S7 r
1 G, I# A0 W9 `! J, `3 Q) T2 @9 E6 zvar xMax;  p7 y' y# c: w2 v  B) R! h
var yMax;7 K7 h+ r9 z1 I$ ~% f' Z2 ^
var xPos = 0;/ U8 H) C- i- e
var yPos = 0;; G# H- p- m& C* K
var xDir = 'right';, b! l! f8 k1 |: Z% |, L4 ]
var yDir = 'down';, M  v2 u5 [, U, q8 f3 Y
var superballRunning = true;1 u+ B8 |$ a' O5 I8 B5 z
var tempBallSpeed;
9 ^$ q, o5 Y: k+ o6 Y  F! `var currentBallSrc;
& o( G4 |0 P. U2 j1 d$ Gvar newXDir;! g9 C! h* \2 v
var newYDir;) Y: `! L2 W7 O: v/ }0 u4 g' ]( k
- h2 [6 f' M5 `1 ?
function initializeBall() {6 T/ Y( Z6 `0 k) s
   if (document.all) {- B5 G* g: l7 ?- z& Z
      xMax = document.body.clientWidth1 W5 G( X6 Z, t6 C9 [
      yMax = document.body.clientHeight0 T* Y) j* @2 |$ ~: o' X# k
      document.all("supertext").style.visibility = "visible";
( T( y% X! W3 U      contentWidth=supertext.offsetWidth$ o1 E/ Y! d9 [8 o
      contentHeight=supertext.offsetHeight
! H; v, w4 b- a! c      }
1 ]9 `  k  I0 V   else if (document.layers) {& n7 G4 p: |( Z- K/ L, k4 C
      xMax = window.innerWidth;
% a6 l: w& n7 T- q  Z      yMax = window.innerHeight;  r( S3 x' t' \; p: i
      contentWidth=document.supertext.document.width
5 F& o+ O' @: O      contentHeight=document.supertext.document.height/ N8 ]1 ]9 p" \, L6 Q
      document.layers["supertext"].visibility = "show";
8 f% R* z( u4 B      }& B# u* \2 W' A7 h* m
   setTimeout('moveBall()',400);6 @; A/ ~8 H  q
   if (hidetimer!='')- Q  z$ C6 I. s& W2 ^+ w
   setTimeout("hidetext()",hidetimer)
$ O: Y, T9 o- d! v! Z. ?   }8 Q- }: w' o3 M- D$ r6 ^9 v

+ d: l9 [1 T0 ]- S, lfunction moveBall() {
+ d$ X$ B* H$ y8 W% z+ e) a9 w1 _   if (superballRunning == true) {
8 z6 }- l4 D. Q, m+ F' `      calculatePosition();
5 b, ]+ @( J* s. p( A" J      if (document.all) {% V* l* z0 _2 z; _7 n
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 _( D5 B/ \- T( V
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& x% _, X; ~9 m8 G3 Z         }3 u; G8 `/ B. O2 p# ]) `
      else if (document.layers) {5 r* {; R/ [1 u
         document.layers["supertext"].left = xPos + pageXOffset;
' k- A' M* `' N6 `5 p         document.layers["supertext"].top = yPos + pageYOffset;/ k! @8 x1 s+ @% F; u; d
         }
: [/ J$ \( Z& A" b7 `5 v3 u( G      animatetext=setTimeout('moveBall()',20);
# Q4 [* {. ]' P( Y, s8 Q/ ^      }* I6 Y; O9 r* W1 G  A* R$ S
   }3 k2 R5 k' m- U, w  H8 E- Y
" Q# }" g$ J  ^/ z# v
function calculatePosition() {
' Q4 B+ \9 k6 b8 V   if (xDir == "right") {
0 e# s6 L2 X* l3 _; O( a5 t      if (xPos > (xMax - contentWidth - BallSpeed)) {. b  Y( s: z9 c
         xDir = "left";
" T/ B; p& Y5 f$ Z- b# Y         }
8 _3 N# b* `& Y      }, d* B/ Z, i+ e. b8 I
   else if (xDir == "left") {/ e9 h* b5 m8 y! m
      if (xPos < (0 + BallSpeed)) {: |3 L/ T% d* t/ {' |, ~- {
         xDir = "right";* \0 O0 s/ ~* n2 W( U* P
         }
# c9 E" q2 e6 r3 d8 S- J      }
9 m; ]% Z5 ^% E5 P; o   if (yDir == "down") {* M8 t- P# u# N4 u
      if (yPos > (yMax - contentHeight - BallSpeed)) {+ z& L: B. u/ r3 [% e9 C
         yDir = "up";
9 j/ E- Q" R! w         }
' r  F  P* P9 @# w" X6 n5 p      }
: f1 V3 w1 K2 P: S" R* n- w2 q) y   else if (yDir == "up") {
; K  a& K7 s8 E. H      if (yPos < (0 + BallSpeed)) {
6 Q: W# f7 H+ j! z$ ]3 W/ m         yDir = "down";
. I" g1 r7 }. f* S/ ~2 S         }
( u/ R0 p6 J# L, T; r4 i      }" g* K4 n3 U+ q1 D
   if (xDir == "right") {( q/ v. x5 F9 j+ a
      xPos = xPos + BallSpeed;% K7 E3 S" T3 P. x- L8 {; V0 [
      }
, V7 b" f4 {; f7 U5 p   else if (xDir == "left") {
6 V; ~! n5 O1 j6 {  X4 G      xPos = xPos - BallSpeed;
9 ^9 x: V- z# t0 |) a      }. C9 T0 h* e8 O1 ]: v, g1 H
   else {( j' E6 D  v( ~2 L; x% F! z/ W5 @$ d5 r
      xPos = xPos;4 i% v$ ~( c' J& S$ m
      }
" l2 k9 A7 a2 f+ O   if (yDir == "down") {
) a' t. U! @  a0 H      yPos = yPos + BallSpeed;
- K& D0 O" g7 R( r! U      }
) i- ]6 J9 B/ X+ k   else if (yDir == "up") {
, [& e( f5 e8 G- o      yPos = yPos - BallSpeed;
, h$ w5 \! T! {- i      }# W! i! H& U7 X6 a" r; h2 t! ~
   else {
8 n0 g: ?8 ^# i      yPos = yPos;) i0 d2 N$ G6 G/ D, l2 X) [) f! J
      }8 u8 g& @- r, d9 v) u  e6 R
   }4 ~! P2 n' t* L+ k* h+ H
- {" j% T+ N3 X- F
function hidetext(){; c; u' C3 C) k, T4 v4 I
if (document.all)
) U1 s; s; j1 V* J/ osupertext.style.visibility="hidden"( k7 h: W  R8 b
else if (document.layers)" J# Z+ ~0 w+ D( J* Q; H
document.supertext.visibility="hide"- n5 o0 m8 J" Z5 z; Z! e/ K
clearTimeout(animatetext)6 R2 a3 N0 o& x! D3 X' R
}1 \' j5 l# o$ w. w

9 p5 k% D# s; {! h, G  J* yif (document.all||document.layers){0 O. z( J. r/ B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 _* T) J2 `- T5 ?8 }: Y# \
window.onload = initializeBall;
3 j* w; f- c5 C, zwindow.onresize = new Function("window.location.reload()");# Q2 ~0 \* X7 D: m
}
1 a6 R4 |" N9 t6 b
/ a0 E* c9 y: Z: b# G</script>