返回列表 发帖

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

<style type="text/css">
* i' F: S& O, p/ S) R+ o#supertext {
. l' A8 q! H; k5 P# }, I3 zposition:absolute;7 B; i2 h$ X/ _4 X* z: t4 S. B( d$ A
left:0;
) {0 k4 z' h+ ?top:0;
9 N9 h7 a# M! \visibility:hide;
; ^  |" W) |  s1 `$ T, l6 mvisibility:hidden;9 W9 t$ e4 t) t" Q( m, k$ s
}& E0 I  M$ P& ~) |
</style>5 D" `1 j: o3 c9 x# \
<script language="JavaScript1.2">  x6 ^: q4 l# k& z7 r/ }' H
<!-- 改变下的字体的大小。颜色-->
; X3 Q0 h7 Z& I. C! r1 Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( S; m7 E% @( h: l
var hidetimer='';
! O/ r1 g. L  d! }3 T<!-- 改变下的弹跳速度-->" d; J/ L5 ^) p$ Q* C
var BallSpeed = 20;* C: M9 |& |! H& _
var contentWidth;
3 J. D( L0 a0 M6 M$ ^var contentHeight;
' w3 i5 k( {' D/ r& m4 v- Gvar maxBallSpeed = 50;8 ^: q1 K1 D8 j

5 l1 B  z: }3 H7 m  A6 v/ V4 U8 C6 X2 Z! Z% z$ a1 h, O
var xMax;
% R1 ]: t) `4 hvar yMax;6 p4 @7 b8 u; U5 O
var xPos = 0;; z( s; G1 ~( v4 y. |$ _% o
var yPos = 0;
" S! X1 d4 u; G. B; m5 w' ]var xDir = 'right';
7 b% U3 m- b  b9 Tvar yDir = 'down';) w4 G3 V1 B7 [; n9 e6 M7 ]8 `
var superballRunning = true;
6 h8 Q' \$ }$ A: w& yvar tempBallSpeed;4 l$ i" G  E1 e
var currentBallSrc;
/ t/ `' _9 q# dvar newXDir;
6 N+ K% d  a* N) T' g/ U9 ovar newYDir;
8 n7 i+ D3 l, r, U; ^% ~. N  H' d2 z: F5 L: e+ w$ F" l
function initializeBall() {
- x: t$ k) D' ~' X1 X$ [$ D# W   if (document.all) {
+ @) d7 y9 M' H/ k& ^      xMax = document.body.clientWidth
8 D9 M, d* n- ^) x      yMax = document.body.clientHeight
- d4 F. h% i% N# Z# G; g' G1 Z$ _      document.all("supertext").style.visibility = "visible";
. ]/ s9 R) `7 a9 G) L5 f" ]      contentWidth=supertext.offsetWidth6 t  O$ U. Y' ?; S7 u6 L8 `# T8 M
      contentHeight=supertext.offsetHeight
  e  H: _2 B5 U$ M  a1 S+ l! S      }) h5 D/ E! B2 O0 Y$ C
   else if (document.layers) {, `8 [8 [1 E! n
      xMax = window.innerWidth;# c  T" {& m( n6 r( I3 P- \
      yMax = window.innerHeight;2 p' ~$ s# S) X, D* r
      contentWidth=document.supertext.document.width
( b4 @" S/ k. K. Y. z      contentHeight=document.supertext.document.height
8 P% q/ V2 y0 U7 ~7 x      document.layers["supertext"].visibility = "show";- H3 X/ G) T3 l. ]; R
      }
+ A( {; C3 G- ^# u) r5 O   setTimeout('moveBall()',400);
2 M* t2 e& \9 d   if (hidetimer!='')1 {  ]5 [2 u2 F3 `0 f; W
   setTimeout("hidetext()",hidetimer)
7 ?/ a# g/ H: ?8 K" I3 [5 t. E   }
; b7 i3 o! Q9 L& }. L
# T+ C6 }  r, p+ j& \1 r" h. gfunction moveBall() {3 D( B2 d7 _) u4 e: W+ h
   if (superballRunning == true) {9 O# r3 d/ N0 f8 v5 a" Q4 _
      calculatePosition();  ~6 q; W4 @! Q# @) {$ W5 H
      if (document.all) {
2 X, @1 i% i0 }6 ?5 i6 o" P3 }6 a         document.all("supertext").style.left = xPos + document.body.scrollLeft;% D, ~' q! }8 g
         document.all("supertext").style.top = yPos + document.body.scrollTop;2 P6 C8 J0 h- u& ^
         }! ?! e% u7 g. y1 B. `
      else if (document.layers) {0 Z* d1 e$ e) y
         document.layers["supertext"].left = xPos + pageXOffset;  `' M0 S+ u' |7 M' i3 A8 S
         document.layers["supertext"].top = yPos + pageYOffset;# ]* Y3 G2 r1 c5 s/ m' t, Y
         }. ]) R8 t7 I% m+ W1 @- b; v5 u
      animatetext=setTimeout('moveBall()',20);4 M7 \8 e+ I2 h' I! U3 o% G
      }! T% y  d$ [/ D2 s" W
   }
: ~7 d1 B8 @( l: N7 A5 a8 J+ A+ n5 V+ w/ A5 x8 K4 n% l& F
function calculatePosition() {
1 I! S& T+ S# r9 d4 g+ ~   if (xDir == "right") {$ E+ C; h) }# ]
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# v4 y7 r  @8 i7 R5 i         xDir = "left";
  U  e5 z- S7 Y         }
* i6 X" V6 d* b5 @) G      }. |9 ?0 u! R2 D) [8 M1 X# \, ]
   else if (xDir == "left") {
& J) _! f6 j0 r7 H3 K  b4 F+ l      if (xPos < (0 + BallSpeed)) {$ @7 L& L& Q% \+ [! H/ g5 \
         xDir = "right";! G: ?# \! H9 G; h
         }
  Q7 u: d1 h# t0 A) O# Z# J5 _* w      }" K4 Q( P/ @7 L4 a( j3 f
   if (yDir == "down") {( l, j3 e: q# K1 u% S% V/ ?4 d
      if (yPos > (yMax - contentHeight - BallSpeed)) {
8 ], K3 J  H3 K" B7 ^1 B  ]         yDir = "up";
  y. q+ Q6 f4 d& h2 g         }
( C) J# W4 s( }3 l$ x      }
* a# H* C- X+ ^) G$ W! t   else if (yDir == "up") {# O5 `1 a, a, x  a) g" m8 Y
      if (yPos < (0 + BallSpeed)) {
2 K" r5 }5 b, s: ?6 @         yDir = "down";
( W9 q& n' r' c  T2 I         }
$ q% d" @& R* e; M      }
/ n# G# F) Q$ O   if (xDir == "right") {
$ E8 M; }+ c' ]3 Y  n$ {4 M      xPos = xPos + BallSpeed;; U) w4 g! y2 P
      }( L; h- `3 o8 U
   else if (xDir == "left") {* n  {: w5 W8 V# i( q& v
      xPos = xPos - BallSpeed;/ ]4 d6 I/ l% v; k
      }
% ?9 J( K8 G: L% O2 h' |   else {
. c$ f& j, `0 v/ j      xPos = xPos;
! o" L. i, ?+ o8 T$ I* K; c" J      }8 v# Y5 W' Q( x' f' Q& B
   if (yDir == "down") {
- ~% j, K, v  o1 ^5 `% z, Z      yPos = yPos + BallSpeed;
6 b( `9 P' d9 l- H& U2 f6 K      }8 k8 q3 {. S' J3 g0 d) o2 b* ~
   else if (yDir == "up") {2 Y; z1 K# K1 Y4 |
      yPos = yPos - BallSpeed;
: ]2 r  x1 |2 T3 s1 y- ^      }( ]$ X, f4 \7 O: u7 z! j
   else {% I# h: s4 F! D4 C: v! W3 P, J$ K
      yPos = yPos;. Q& _1 h: Q* X" v
      }
  s/ e7 K, m" z' x" G. ~% [6 I& `   }! y  b" J  e3 t( i6 J: D# \7 Q
* @. r( a  w" z5 W; P
function hidetext(){5 A' t' D/ w: E6 g# o  R) s  B
if (document.all)( r' S1 r! ~- q4 w% v7 E
supertext.style.visibility="hidden"& e3 j/ B9 h, ]7 m+ ~
else if (document.layers)
- p: T: n7 ^% {4 ~( N( w/ pdocument.supertext.visibility="hide"
' r. u, N  M! l8 n' ]6 U; E  ?clearTimeout(animatetext)# s7 u3 S0 }# W' j
}; j( G$ E0 w$ x) b. N9 @. F
9 p$ R! m+ g' K9 C( F) C1 x
if (document.all||document.layers){5 }. f- H1 J. G* j1 B. U) S% ]9 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- b/ a" ^* q0 S* ?window.onload = initializeBall;
. b' ?# m" x9 ^- w% nwindow.onresize = new Function("window.location.reload()");- W6 ?, N. y# p
}- i& |& Z1 ^: n+ {: [. B
) W5 X" f, Z0 s4 p' V6 Y
</script>

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