返回列表 发帖

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

<style type="text/css">7 Y0 H7 I% T5 P8 T3 S; F
#supertext {
& E. i. G6 x' G% }: h, S2 ?1 E. Aposition:absolute;
0 g6 `& @# A: L0 m7 Tleft:0;
9 i- m& H! h* L" g- U3 R' Itop:0;7 B6 l, y# Z3 X8 U7 h
visibility:hide;+ j+ }- ?9 |+ @  P( g5 v
visibility:hidden;
3 M) K/ a0 ]% M" ?% ~, e}
: ~5 e, k2 D1 f$ c8 {! N</style>: ]! A( p7 I. h! U; F: Q1 K
<script language="JavaScript1.2">( `3 w* z  p) ]7 i
<!-- 改变下的字体的大小。颜色-->
4 E5 Q5 s! H1 ~* e; P8 L( E$ Uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'8 G' b: p6 [! T! Q, Z& F5 \
var hidetimer='';3 _- y* S9 ~8 o) U& Z
<!-- 改变下的弹跳速度-->
8 w8 b$ Q( g5 {7 f. c' Q" ?var BallSpeed = 20;: G7 `, }) b+ }; ]1 O
var contentWidth;  b% V: q* Q8 ~7 v
var contentHeight;
2 F' ~- j: S3 ~: i) dvar maxBallSpeed = 50;
$ c! t- k+ _' @; f( J  j8 i% ]- G2 s

! I$ r% o; o; ]: ~% M$ l; Lvar xMax;- S% U7 h' J2 W. B6 x0 [
var yMax;% v9 f2 X8 ^* W
var xPos = 0;1 t" t1 a2 I$ Y4 E* g" [% n
var yPos = 0;
4 E8 C7 U. _/ z9 Y6 Qvar xDir = 'right';8 r0 Z9 R$ C, v9 g1 T0 P- Z
var yDir = 'down';4 Z& c4 |# T$ E
var superballRunning = true;, t, K1 W7 G( F" x: w9 ?
var tempBallSpeed;
( T9 r- a+ }% K+ j( mvar currentBallSrc;
: f7 _; H/ E; q0 v3 \var newXDir;
0 Q) h: [3 O" a1 L4 Fvar newYDir;
9 d0 l$ k# w  V8 Q1 o( j% `, J& S* [/ N* s: T
function initializeBall() {( I+ P( L5 R9 e2 R! _# q
   if (document.all) {
, x9 _3 D0 L; w& ?7 _7 |/ t      xMax = document.body.clientWidth1 V4 }& i5 O6 [  t
      yMax = document.body.clientHeight
1 k! G) w5 }' }      document.all("supertext").style.visibility = "visible";1 x$ E/ S+ K; ~: O6 G4 w
      contentWidth=supertext.offsetWidth
' D5 J2 h6 g7 A- S; T      contentHeight=supertext.offsetHeight( ~/ v8 f9 b3 Y5 b& j" W
      }3 r5 [+ V% S) O9 ~
   else if (document.layers) {( T$ b7 H7 |9 O; ]1 Z
      xMax = window.innerWidth;8 ]# g  K# q! O+ O
      yMax = window.innerHeight;
& ~# }: N2 q/ N" n* A      contentWidth=document.supertext.document.width; }; R4 s+ t- I3 h) @1 j/ |1 d4 {. \
      contentHeight=document.supertext.document.height# ~1 @9 `3 t! t9 R. A
      document.layers["supertext"].visibility = "show";
  s  I% q! d6 G      }2 A. t7 W- r* G) P5 v  k
   setTimeout('moveBall()',400);2 D$ c( E1 J& q) i% a$ M8 `
   if (hidetimer!='')6 X9 u! \  u3 N
   setTimeout("hidetext()",hidetimer)
1 G0 [+ A: K5 o   }
( N; Z8 w4 B& n% b* r" u# K  O, H% m' R4 c
function moveBall() {. g! P1 ]7 E+ W5 ~) C
   if (superballRunning == true) {- p* e7 s$ G* V. l8 `5 P' s# Y$ W
      calculatePosition();
/ H# s# g9 ~1 k8 y0 y* R3 S/ P      if (document.all) {
) `$ v1 m) Q1 C, B5 W4 {/ I$ c# Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 p8 _+ v! d% U. b' m. V& h         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 Y+ A4 m* ?  v0 [5 h         }- l( u& j5 [% U0 d8 P" t
      else if (document.layers) {
5 d2 I  _; q# P( |  u2 }         document.layers["supertext"].left = xPos + pageXOffset;
( c6 @' z; a( F; \         document.layers["supertext"].top = yPos + pageYOffset;
0 [! r  }9 ?2 A0 p         }; ]0 B6 F6 S$ u+ p/ V
      animatetext=setTimeout('moveBall()',20);8 X" N' f! e- v+ x/ d4 G! i
      }, u7 N+ a0 H1 f7 T2 E# X
   }1 C. R' e4 ~" x8 y( x3 p

) p; ~5 _/ r) i( ]7 Tfunction calculatePosition() {
: D9 f. W$ x; \% C9 A   if (xDir == "right") {
" V# _1 P. ^) X      if (xPos > (xMax - contentWidth - BallSpeed)) {
/ K1 {3 ^4 O. |/ a" W         xDir = "left";
/ a* q! g5 c7 p5 b% N         }
' k4 [' i. H2 ^3 O7 j# B* N      }* n7 w# t. e/ @! ?3 D
   else if (xDir == "left") {
- V5 \/ ]: o7 v      if (xPos < (0 + BallSpeed)) {
+ v5 j1 u" M5 p' f7 X* m         xDir = "right";" \* ~# ~/ T7 |! c
         }
( ]  b% p4 O, H      }
7 N& B2 P  A' O+ |" g  Y  Q1 r" H( v   if (yDir == "down") {3 M4 f, G! l- q3 V* x4 p
      if (yPos > (yMax - contentHeight - BallSpeed)) {7 o( W3 T' [# C' k9 Q
         yDir = "up";
6 r' {% t) b2 p7 R' }         }2 s, Q/ k% b! Z8 X+ x
      }8 y; c( S: I4 w5 t% p% |) Z
   else if (yDir == "up") {/ L  g: K/ s5 R1 o4 @3 {" ?
      if (yPos < (0 + BallSpeed)) {
2 W+ P9 a2 i7 p8 y0 I" b         yDir = "down";
. X% z* S4 Q2 G8 B# f         }, h0 _) f' w/ d& I9 b- G$ T; i7 P9 W1 ]
      }
9 @8 j" `  H! }1 N; j0 i   if (xDir == "right") {
" `! `8 ]0 e& S% L      xPos = xPos + BallSpeed;
5 `: s: [0 l0 X. t/ L" M5 C      }2 M6 d2 c- M& E4 ?
   else if (xDir == "left") {
: v* y$ @" ^! }! u      xPos = xPos - BallSpeed;
* M9 }5 Y5 C, l3 z' E+ y9 Q" h      }
" K: w$ k" I: Y& o   else {
8 j; C1 \% c, i4 O( Q0 [6 r" T      xPos = xPos;4 R" J; m1 x* e3 Y; \5 s& v
      }
+ n$ L+ [: q4 W0 v5 ~6 n   if (yDir == "down") {% M/ i6 b! H( [& g6 r; P) ]) U% O
      yPos = yPos + BallSpeed;
7 W. M- C2 U; x8 \! q$ a' ~' L9 ^) L      }, [- _' q+ X) P/ q' P; F& w
   else if (yDir == "up") {
# K1 e) k" l# f0 W6 p      yPos = yPos - BallSpeed;
$ g3 M9 f+ T0 j5 m) z" d" ^      }
$ l# H$ _; d2 u8 q( A* _   else {
4 j, M) y. @: u0 j      yPos = yPos;, ?' q7 N% Z# j" a' p+ ~
      }# [& o# j" A; M6 V3 K: x
   }
& ?3 K" Y: ^: h2 @2 P6 F, W  `& ^  \0 s
function hidetext(){
' M6 v7 l0 t2 N( |$ _2 X$ p- N% Cif (document.all)
" q: T, D; d# j4 E; r7 nsupertext.style.visibility="hidden"2 n0 w$ s# D2 K+ h/ L
else if (document.layers)
+ o. p6 ^( Y1 A9 {- [* }" o$ _document.supertext.visibility="hide"
; A0 ?. V2 m* t; S8 lclearTimeout(animatetext)
5 B" t2 g/ j9 F6 {}
2 Y- ?+ G% M) {2 _) w5 _' d+ x7 l, o3 Z5 G8 \7 E3 l$ v" l
if (document.all||document.layers){2 Z9 z+ |/ K7 H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 u5 p( a( O! p; G: m. ]window.onload = initializeBall;
$ ^" A: q- a+ Kwindow.onresize = new Function("window.location.reload()");! Z+ P2 Y9 k9 M
}
& l3 S# z* l( C* S8 X6 K
2 f/ R% [- b. X" A0 R. `: l* j</script>

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