返回列表 发帖

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

<style type="text/css">
. W. W) P- }, C6 N! @#supertext {  W0 V' L% p' {+ a
position:absolute;
% [- u" ]$ }# u- m) Rleft:0;' @/ _* e& K, {7 X0 x2 P3 f
top:0;$ I' o! v6 a, c9 }
visibility:hide;
% d& j! E2 m5 @; y5 X! tvisibility:hidden;
7 p5 _2 U0 c% H$ f$ O* S1 b}3 C! \: v$ {: y# L% `3 L1 z8 E* Y
</style>
0 m/ Y3 q4 i8 k" S& w<script language="JavaScript1.2">
, ^2 X/ H- x. `; \& l3 \<!-- 改变下的字体的大小。颜色-->0 R" y- \- ^' R0 T. j8 j0 z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'" P7 ]' f4 ^; Z% G
var hidetimer='';
( E5 ]. m0 W8 A4 z+ R/ a<!-- 改变下的弹跳速度-->+ Y9 F5 r5 R& o
var BallSpeed = 20;( L2 s0 o9 C3 s9 F$ ~# @
var contentWidth;$ c- m- o1 [; t( O
var contentHeight;2 l3 G2 l1 Q/ j, N- D% o( t
var maxBallSpeed = 50;, Y! _$ ~0 F* j
7 R6 [) i6 ~& E$ P

: f2 W& r9 U5 h; z3 u$ i! kvar xMax;
3 d0 o% o; Z+ mvar yMax;
& A: G4 S; I& jvar xPos = 0;
2 r4 k/ H/ |5 C9 w7 Svar yPos = 0;3 l5 m' D" Q* m( k! W# \
var xDir = 'right';
8 K: m8 E7 B$ S% O3 R3 [  Z* bvar yDir = 'down';% \& l& Z- [* @
var superballRunning = true;
) x) j3 A% i% j' e) Pvar tempBallSpeed;
8 j$ e/ I# e4 p: O9 x1 xvar currentBallSrc;
# e5 P7 T* o0 X: g) s' w! U2 Svar newXDir;
% g: R5 H+ j( Z6 Z- q1 K) c' Avar newYDir;
8 D' ?8 I: m( Y1 \: B, M  j: U  }: A6 M1 |% t4 v2 J
function initializeBall() {  m) V8 G% ^, V( q
   if (document.all) {
6 N  b) {; B, p" i$ |5 ~# e      xMax = document.body.clientWidth
7 n7 e7 h2 u2 u/ F# ^8 k3 M7 @' L      yMax = document.body.clientHeight8 K8 \" Z  C  P* B9 T
      document.all("supertext").style.visibility = "visible";* b$ `% E. P1 `+ d' n5 G$ U: @4 T  u8 e
      contentWidth=supertext.offsetWidth
+ D3 B+ v' z2 Q+ ~0 q* A      contentHeight=supertext.offsetHeight) ~0 M  o& I$ `! f4 O* n2 O- ?$ @
      }! h- w, P8 Q4 i" L3 Q" L8 p
   else if (document.layers) {; I' O* \) \( v& O
      xMax = window.innerWidth;- A2 N7 v" \; e1 J+ @
      yMax = window.innerHeight;
/ V. t! m# H( r1 S( P1 B; j      contentWidth=document.supertext.document.width5 u4 ?8 O  S) w( |& z+ n
      contentHeight=document.supertext.document.height
# F8 n9 U) ?5 p* m5 U/ \" ~      document.layers["supertext"].visibility = "show";9 F. Y; m! ^& d3 L5 O5 Z
      }# H3 X$ y7 N- K* M
   setTimeout('moveBall()',400);" O, A1 H3 _0 i  Y' ~+ T
   if (hidetimer!='')
8 ~/ V/ ~* j# s' ]' f& H2 R   setTimeout("hidetext()",hidetimer)
* ^: j+ i( Z6 z& x   }4 P0 C. c6 \3 W/ e
. T0 S( r0 L: b8 I% r( G
function moveBall() {
8 t3 x3 g3 i- v: @1 Q& O   if (superballRunning == true) {5 g/ V' Q& e  n
      calculatePosition();
6 y8 W2 j6 w3 e  i# u      if (document.all) {
) d7 q6 J. o; b  C1 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 i6 |& ^3 i5 I* r9 X         document.all("supertext").style.top = yPos + document.body.scrollTop;
; I# Q( p) z4 J( W         }9 L) g/ j- J9 j  e' S5 @
      else if (document.layers) {, Z9 \7 V- _) D# Z* O2 V1 o
         document.layers["supertext"].left = xPos + pageXOffset;
5 P% v" k( G5 U4 N" ?         document.layers["supertext"].top = yPos + pageYOffset;
9 }: W9 R- K8 E1 c) K+ c         }, O4 R' h$ ?; N$ N3 K& @& S
      animatetext=setTimeout('moveBall()',20);$ U+ M1 b2 o- u" e, j
      }
" ^" e4 C7 C1 b$ A, M   }1 i# u% T) d7 e5 V3 ^- @; j
- U( Q* e- p5 ~, w3 ^
function calculatePosition() {3 }) B! b7 ?! o; a, Y1 b1 V/ S
   if (xDir == "right") {
9 i8 E$ w( a* @+ E7 k      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 w( S: B  e! [         xDir = "left";
. E: t/ J4 E) {7 T$ Y         }3 e3 \! k  v) A8 D
      }5 C% A: ~- e2 z) O5 ~; j. v
   else if (xDir == "left") {( W: K' C5 q" ?6 @# N0 H
      if (xPos < (0 + BallSpeed)) {
" ?: k) B/ T# D, T         xDir = "right";
5 W0 _* t9 B! d7 m2 X         }, g  W% z5 C* W9 D
      }
+ ~8 L7 C) n" Y9 ~5 R0 i( `   if (yDir == "down") {0 B4 ], {& [5 d' L- H7 c
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 w* P' Q4 F0 g# |) S  F/ j' i  A0 b0 q         yDir = "up";
' R5 _5 I. Y3 \. d) j/ W  n: K0 O3 l: z         }/ P# V9 _! \: f$ Q! K
      }
8 D. o, k1 ?8 B   else if (yDir == "up") {6 `) X6 E$ G7 p% {- o( J5 K3 f
      if (yPos < (0 + BallSpeed)) {
0 e! c  {% t" a* @8 V! k1 E         yDir = "down";
  j4 A' ^2 f8 k3 n5 h! Z8 C         }
8 |( k, z9 K. n8 s7 b      }3 ?7 {5 A8 M1 F& n4 T% V. R
   if (xDir == "right") {
/ g+ E, @5 z- X      xPos = xPos + BallSpeed;
- l" a$ T  Q, b  j/ Z* e1 ~      }( a! Y8 H" B" g$ W/ ?# C; O/ H
   else if (xDir == "left") {
. a4 _; j# Z) s6 B      xPos = xPos - BallSpeed;9 B# f& T! U1 d/ }( E$ I( j0 |
      }/ @" Z. b0 E- j' W
   else {
2 `/ F: [( w1 m% N; ]/ V      xPos = xPos;
" q1 I2 u5 ]  f3 s! D; F3 p      }/ N- w- {" x8 Y& |. C0 I% C
   if (yDir == "down") {
7 i1 B- ?1 L/ p1 p: [9 p      yPos = yPos + BallSpeed;
$ v* }' ~3 m5 O8 l9 G8 q5 @      }  Q9 b: P) M3 X7 U' J7 i
   else if (yDir == "up") {* H& A# N& n- p+ s! d! H/ O
      yPos = yPos - BallSpeed;
- c4 h3 q% J7 Y% A      }
/ B/ O. e6 Z9 V   else {
9 _/ L2 B3 }* ]6 l6 y5 m! \1 ]8 W      yPos = yPos;
, @7 j- G- W1 {$ z2 n' r      }
/ L, O: l2 {2 d% z4 N' E3 A   }
4 y$ H: e( H3 M6 y
. d( |5 c: N! i  P$ }function hidetext(){
  k8 ]/ n" H7 |% _4 zif (document.all)( q+ _4 Q8 I+ W: W+ S4 Z7 E
supertext.style.visibility="hidden"
# |  T) U8 V: ~else if (document.layers)3 ]. i0 w. ]* w8 L5 ^6 {
document.supertext.visibility="hide"
) n/ s! t" u- k6 KclearTimeout(animatetext)- e' k  p  X! L: ?' g" t+ G
}
( D7 y, U1 Z, h  _- t, r1 `' J2 [
if (document.all||document.layers){0 ~# Y! i' g2 i9 |6 x. h+ P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: f5 Y5 a* x2 b4 {" n- ]1 nwindow.onload = initializeBall;
) K. r7 ?+ e! jwindow.onresize = new Function("window.location.reload()");( f8 V1 f& {! g
}
6 S) P1 Z0 P% p2 Q& ~
. a0 T9 v% d, |' ^* Q6 T</script>

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