返回列表 发帖

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

<style type="text/css">- R. ?7 c2 h' f& N% m; k1 P; E+ U+ e9 ?
#supertext {2 Q) _6 R  }0 j: V! K1 C4 R
position:absolute;: y% b& ]% S' G+ I7 U" w+ J
left:0;
. f3 z" e: S: P5 ?4 w7 d  N1 [top:0;+ W! `1 I; c4 K* e0 V0 p& ~# Q
visibility:hide;& A# y7 k0 T$ K3 Z4 a( x
visibility:hidden;
& [+ z$ \: I( O/ H  B+ Q}
6 p8 w% P0 Z4 L</style>5 W4 O- N+ _0 [+ H; E3 z3 B2 E
<script language="JavaScript1.2">& W+ [) E$ L4 m& W7 Z( _# K0 y
<!-- 改变下的字体的大小。颜色-->/ D6 R% _# q, M- w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" u+ r8 t. v' o" N" v8 u
var hidetimer='';
; A6 J& P( G: z" A9 X1 i2 B  ]<!-- 改变下的弹跳速度-->' k" ~. D/ K  k2 Y7 a+ |+ N
var BallSpeed = 20;
( p$ R5 N& A0 j6 P. A) }2 Evar contentWidth;8 _! n) [4 @( [' d4 H1 e
var contentHeight;
  c& |0 f$ i. }4 jvar maxBallSpeed = 50;/ M3 a$ r& V! x4 K( q
$ s, j9 `* C- a, u1 p1 r* i" o. S

: f6 k" X' j1 b( J6 _& L2 Mvar xMax;6 U% W3 g8 P$ }; p! E' h9 Q
var yMax;
' b+ R3 C9 q* O9 M; A4 ]var xPos = 0;
: Z7 f1 m( p; `2 p( u$ x- }  n& ovar yPos = 0;
6 X1 N! K3 r6 }+ b" Evar xDir = 'right';% N2 J# m, C- A$ J
var yDir = 'down';
1 x- ]% z3 k) U7 zvar superballRunning = true;3 ?5 D" C& g- L2 T/ T$ u% \' i
var tempBallSpeed;
& X8 _( @- u; S. L. A) H' Fvar currentBallSrc;
) t' A) e- z3 n6 jvar newXDir;, b! v; s( V" l4 M, q# V0 Y8 }
var newYDir;
2 `0 b2 ^5 E8 i- f
3 j4 g1 W) C4 q' @# gfunction initializeBall() {
! @, U# a' W' o" F   if (document.all) {8 z4 x, y: C' @
      xMax = document.body.clientWidth" V& y! R, n; w4 A1 R' K1 A
      yMax = document.body.clientHeight* j) C* X( [2 w8 O1 e9 j7 ]' E# d2 _
      document.all("supertext").style.visibility = "visible";
- q$ Y( U6 d* a      contentWidth=supertext.offsetWidth2 X/ \6 D' ]7 Y+ x( Q/ |
      contentHeight=supertext.offsetHeight
. p5 i  n8 ^" s7 b5 n      }
* [& F2 X, \& H4 r6 j, l" D6 {  }" T   else if (document.layers) {6 }& P: p1 H; J- ?( k
      xMax = window.innerWidth;# H& a( b, A2 k& T- e& G
      yMax = window.innerHeight;
) E7 G8 C. [& g% x, u9 w      contentWidth=document.supertext.document.width9 |* U9 l# [+ D/ w' d* E1 a
      contentHeight=document.supertext.document.height
8 @7 r7 X& w: k7 A; |: u      document.layers["supertext"].visibility = "show";
* T  E. n6 F1 \+ u# O: R9 j  ]" c      }0 P; @/ X5 G" j# O) s+ ?* N
   setTimeout('moveBall()',400);
9 M; m- E* p: U8 j4 U% g* K   if (hidetimer!='')! O6 l: v! {, m& I& h1 @
   setTimeout("hidetext()",hidetimer)& T/ L. i. G9 ]: b
   }  Y7 u7 w7 J& D: o! M$ D
% Q3 _7 H; k7 w% ?) q6 p
function moveBall() {
5 G; k" X( e1 ]1 @   if (superballRunning == true) {
0 ^9 y" J4 p2 p, [0 @% w8 V" s* l      calculatePosition();1 x! x- l6 b* K  W, P0 y% \+ W0 g3 l
      if (document.all) {5 b: T1 U0 T: ]6 u2 P" P; f
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
$ \' N0 G7 N' f' h) U  a( Q/ w         document.all("supertext").style.top = yPos + document.body.scrollTop;
; N* O  o) x0 ^5 K) J         }& v" J# w$ v& c' _& Q  Y  D
      else if (document.layers) {
* I  O5 c$ @; {% X- A2 P         document.layers["supertext"].left = xPos + pageXOffset;$ S; k( R" t  a  s- x! G
         document.layers["supertext"].top = yPos + pageYOffset;
3 o2 e, g2 h! `) G6 i0 \6 t         }$ w. _; b; ?; u. @
      animatetext=setTimeout('moveBall()',20);; @. f3 g: C: G% c
      }
5 j8 C3 u1 Y- U$ N/ F2 v   }% ]' t2 @) }$ \( X* u. G  h% u
7 [) g; R( V( R" k3 W
function calculatePosition() {* v2 }2 X2 F) z8 {! i# w. z7 ~
   if (xDir == "right") {
4 o; B' ]& O% H      if (xPos > (xMax - contentWidth - BallSpeed)) {* l, q6 ]9 M7 T3 S! h% c
         xDir = "left";
. V! C  i/ j/ b' x8 Y, @         }7 z, s: I5 w' p) }
      }2 |% |4 ~$ P+ v+ w
   else if (xDir == "left") {9 r* p# {6 G0 C; E. J
      if (xPos < (0 + BallSpeed)) {
% u: _1 O6 h% U0 Q         xDir = "right";
1 h) H! Y5 \: B/ P         }/ w! w2 x5 d* u" ~: S
      }
: y3 h8 d, r- A3 z, V0 q   if (yDir == "down") {! Q. r8 {' `4 U) o$ q
      if (yPos > (yMax - contentHeight - BallSpeed)) {
4 x$ l- t% c: b% y' u2 |9 z         yDir = "up";
) |3 l3 _6 k7 [% e. |! L2 P         }
# \! X/ l: R$ S      }
: x5 t5 Z" R" t+ ?: o2 ^* a# a4 A   else if (yDir == "up") {* h) F2 W8 `% e) l" |4 Q
      if (yPos < (0 + BallSpeed)) {
8 @% A8 @1 c# O5 v8 ]8 C  x1 h         yDir = "down";
5 ^. `4 n3 Y3 l/ Z$ N8 s- Z* @6 B         }3 I0 Y+ [5 L7 e: Q6 w& i+ ~
      }# Z2 E$ E: p) r* ~3 J6 ~# t
   if (xDir == "right") {
: ^3 C6 G" j% |7 I6 m      xPos = xPos + BallSpeed;& j- T8 N# w" }$ f# o0 k
      }/ Q5 I2 E4 \0 I" J7 X, w
   else if (xDir == "left") {
- N5 `4 |- i) g# Y5 F      xPos = xPos - BallSpeed;
( r: e$ T0 W3 _1 L      }
$ ^& J( x9 s8 I( k2 y9 E   else {# W( a0 q& `% R' \& X0 Y& a$ f4 b
      xPos = xPos;3 z  _; g& X3 q" G% ]( l# Q
      }
- y, K* w4 b+ S   if (yDir == "down") {
" l! _- n/ M9 Q- F      yPos = yPos + BallSpeed;5 \# c2 K/ r7 _$ I% A6 d
      }) J1 v: F+ I. G* I: i
   else if (yDir == "up") {
. t: j: O4 ^) s! g9 B( u7 t  x      yPos = yPos - BallSpeed;
5 O- _' s$ t1 @( V& o3 Z7 c      }" |4 V! a7 z2 P
   else {9 f4 R7 G$ J$ O# G" x  F
      yPos = yPos;
* q- O7 G+ v/ Q. h" R      }
4 K/ W1 g% X2 L, \5 Q   }
, ^6 G" o# I  ~: L
/ O/ ^2 l( n7 X5 Y$ ~! k2 Ufunction hidetext(){: S" G% t& \  O/ J" J7 r
if (document.all)
9 T$ r: u# o2 L" H8 Qsupertext.style.visibility="hidden"+ J" D5 Y/ }2 e& Z. U# E$ d7 s' `
else if (document.layers)% y, R1 H- p1 D- [$ }  r8 k! @
document.supertext.visibility="hide"7 T9 G0 s# E1 c9 b
clearTimeout(animatetext)! }0 n- s6 [* l
}2 d: K8 W7 ^" }" d
. }5 H! Z% T0 A# z
if (document.all||document.layers){
+ k/ y4 r+ m2 }4 o/ Y9 {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 Q- g) w8 k# ~+ }window.onload = initializeBall;; R  n6 N/ C& x
window.onresize = new Function("window.location.reload()");9 G+ i1 P- g0 o3 I
}
2 G" ]7 t% v, c5 X, U
, z) d* U1 u; I: u+ G</script>

返回列表
【捌玖网络】已经运行: