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

zw2004

<style type="text/css">
% f0 I: F/ v5 ~2 s/ O#supertext {: n1 U4 I/ V4 ^  V5 q/ D4 ~) l4 b
position:absolute;
/ H/ g5 j- f& L$ Y' D% V3 Qleft:0;
9 R3 c) g2 m9 U% Q2 U# Ptop:0;
1 n6 S- y3 _& S3 ~visibility:hide;
! w# Y3 c5 o8 Y, Lvisibility:hidden;" J4 \" A0 J* G; o& g; L1 B
}8 W) W7 k' M1 R# z3 F$ E# U2 m
</style>
% \4 s3 k9 N7 J" s<script language="JavaScript1.2">
0 I$ ~: @2 Q  U. W) q<!-- 改变下的字体的大小。颜色-->
5 `. i8 h4 g% n/ Y: Bvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 ^3 v' h' k4 t) E1 X6 ^, d. u
var hidetimer='';
0 {% b6 x6 ~" f; X2 o+ B, j<!-- 改变下的弹跳速度-->
( u9 u1 }& g3 L$ V! z" Fvar BallSpeed = 20;
' d3 P1 u7 x5 h9 {var contentWidth;7 ?: U) t) {7 C
var contentHeight;
4 J8 U- I) ]( H; Z8 Avar maxBallSpeed = 50;; A! y7 c, B- t) f7 m# E0 \

3 e0 Y0 s* L1 {9 w% o6 j- ^+ d: }. R  `* L& o4 n  [. l0 j8 B
var xMax;" C' W$ ]3 G) d! N8 w9 D; V
var yMax;4 l3 T+ s$ g+ R; N
var xPos = 0;
0 L8 O, k( A# W+ I% I- bvar yPos = 0;: a2 h2 C# I- w1 p
var xDir = 'right';  M5 R6 _8 A$ ^  `0 J3 R% `
var yDir = 'down';/ ?3 j4 t- D0 h+ O1 g
var superballRunning = true;- z6 f( J; k! t6 R
var tempBallSpeed;! w/ K7 V- K* Z: e+ _9 a
var currentBallSrc;
" o% S1 X$ s4 R( Y7 a0 ^var newXDir;
* P1 i. k: N/ y7 f8 I9 f, Dvar newYDir;8 H- G9 f# c9 C1 `' U; R" K
" [. [+ b, i* d
function initializeBall() {
9 x  x8 Y8 U* O3 A) y, M   if (document.all) {
9 r% V( O+ ?2 \* N      xMax = document.body.clientWidth$ c6 w% W; i' D! t( y: N
      yMax = document.body.clientHeight/ t+ F: Z* R' f5 X. b
      document.all("supertext").style.visibility = "visible";  ^- x0 H; D& [2 R  v4 v# R6 A- l
      contentWidth=supertext.offsetWidth: w8 f; D8 d6 n$ d- m2 h; |
      contentHeight=supertext.offsetHeight' F  Z, m3 ^4 @  F" o- Z
      }
/ j4 U  |. c: t6 {! U+ g   else if (document.layers) {
7 i+ z& \: |" P9 k7 b/ {- U6 q8 s      xMax = window.innerWidth;
; J- U9 D: i  c0 Z6 Y: z" a      yMax = window.innerHeight;% r" I" X7 s! n6 N9 p
      contentWidth=document.supertext.document.width
: s9 S' G3 r' C      contentHeight=document.supertext.document.height
' x; N" U4 b% d      document.layers["supertext"].visibility = "show";
  U* l; ?5 T2 f" {. M: `. r0 y* P      }
1 Q! i" z: G. i: U% S: I5 q0 ^   setTimeout('moveBall()',400);+ _% D6 p) B! b, |5 x) L% |  P3 F
   if (hidetimer!='')) P9 y3 k9 L5 E0 D# \; Y
   setTimeout("hidetext()",hidetimer): g; ?& }! D5 P3 |, A8 J3 i, R
   }$ F6 R$ F1 l5 V! C9 [

: J8 b% V5 d5 |/ e: f+ L7 Lfunction moveBall() {1 x7 S* m$ Y$ K3 X, e3 E$ V" r
   if (superballRunning == true) {
4 c7 f, ?' W/ }; d* a      calculatePosition();0 N! ~- J$ u- v# [
      if (document.all) {
( S+ P( v1 W2 H% i. \8 v         document.all("supertext").style.left = xPos + document.body.scrollLeft;: n$ d# K) J3 H3 {/ Y
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 `: ?+ s! o! C5 j+ S' `
         }
, a$ d. y+ Q; b: o! u0 O+ g; h      else if (document.layers) {
$ c3 p7 ^6 c6 R* e% A( Q  a" }         document.layers["supertext"].left = xPos + pageXOffset;9 V0 G0 U# M1 ?- H# H( }- {% u
         document.layers["supertext"].top = yPos + pageYOffset;
/ Q% X1 h3 W3 p  V  e         }
. X+ {, t. W/ E) `" a/ d      animatetext=setTimeout('moveBall()',20);
: o) E+ Z1 |5 d1 x# f4 u8 u      }+ O4 \# h0 h5 M- i: L
   }
% ~, B! F  e: ?+ s& {
+ K8 m* z: }9 ^( c0 J" f/ ~1 d) Zfunction calculatePosition() {
4 f! M: K9 E% b$ _; ~" {/ c   if (xDir == "right") {
6 i: V0 h7 I" S. S3 l/ s5 ~3 \1 k      if (xPos > (xMax - contentWidth - BallSpeed)) {& s& [6 E% B8 m" [) y4 n! Z
         xDir = "left";. m& r& I& v# a
         }7 V: r9 x) s5 e, l
      }
( V) F  n  C, T1 {; J4 ?7 K9 l   else if (xDir == "left") {
6 E$ M: n! f3 x6 F, H( c# p5 z2 {1 d      if (xPos < (0 + BallSpeed)) {
# A. s# Q4 `3 @2 E5 s* T         xDir = "right";2 ]+ p# {3 U# ^
         }" J* W6 F; j9 x- v
      }
3 C) z  j( r. W# `& f" [   if (yDir == "down") {
# p2 ^/ m5 f) s$ o" [: }) F1 t      if (yPos > (yMax - contentHeight - BallSpeed)) {, X& ^: |9 b+ J! Y' I$ V. n
         yDir = "up";. ~8 K0 D0 F" G. c7 c7 {8 g
         }/ G2 n% y- Y. m0 w3 D, b3 d3 m
      }; q- z2 \7 {& @; l+ z  |
   else if (yDir == "up") {- m( C- Z/ Q8 a
      if (yPos < (0 + BallSpeed)) {
) i; E6 o% g5 Z5 Q* W- J: R         yDir = "down";
( w, t, G1 q6 b         }6 Q0 ^0 v$ l; h3 G* z, X
      }  T/ O# @+ @( L1 k) ]
   if (xDir == "right") {& Y/ f" b$ l- h6 k/ C, e+ ]. D  D3 O
      xPos = xPos + BallSpeed;
- b# D! B; v, x: U  i      }
3 S- p3 @1 L" X! x7 d   else if (xDir == "left") {
+ ]1 V# U4 [$ n) V      xPos = xPos - BallSpeed;) L5 E4 N( u2 z/ v* R2 j8 [# E
      }
$ k% N* W: ~9 x2 ]9 F   else {
' Z  p, A# T; l  j! C+ _) q      xPos = xPos;7 C6 D' ~% \! N. r7 Q( `$ X
      }% Y/ L* c  d% P' h: C1 \% P, q# e
   if (yDir == "down") {$ v2 R5 _1 e2 F8 x0 h' a6 g( r
      yPos = yPos + BallSpeed;; `) }# C$ j8 ^' {
      }0 ?: a5 D6 s- _; U3 e' y$ B, r
   else if (yDir == "up") {
% N( m2 V' ]# E2 D/ Y- W- Y6 O. j      yPos = yPos - BallSpeed;
. I3 ]# _2 n% {      }
/ z: e1 G) v# m0 t& m: k   else {+ S) C4 i" ~2 N) }* {
      yPos = yPos;/ L. Q" {2 N' o" ~2 R6 {, |
      }
! a( Y# A  S7 P   }
- e. Y/ g) K7 d  Q4 \; T4 O+ h* z0 l/ k! l8 ^# X
function hidetext(){
& z0 v1 k% @5 |( m7 P8 L* Yif (document.all)4 e8 q7 }0 c+ y# H3 [% _
supertext.style.visibility="hidden"( Z5 j) S8 E, U
else if (document.layers)
0 C- ^1 R. P4 h& U/ s0 C& ^document.supertext.visibility="hide"
) c9 i1 F9 R) @2 x" R) aclearTimeout(animatetext)% q! i+ R6 [& r7 M  R! ^3 _( Q% Q
}
; X7 O8 K2 n1 ?9 u
! F3 H$ F( N' D" g4 ^if (document.all||document.layers){
: H- A8 e# w5 ^/ ?* z4 B' }2 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( V% _4 H! F$ v) C, y& w; @5 E
window.onload = initializeBall;
6 b8 v/ o% _* }! l" F. Mwindow.onresize = new Function("window.location.reload()");# [6 I/ o% s0 |8 u
}
& I+ I2 L" Z* ?# x; J0 }: O+ |4 N2 q3 V- m  M
</script>