返回列表 发帖

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

<style type="text/css">$ Z8 |/ x0 ]" i+ b7 a  m. [
#supertext {
9 h/ X( q' h' v% q/ Hposition:absolute;7 I8 o+ F0 X  @& ]8 u9 @
left:0;! J  {3 u. u/ v4 e! K) r/ t' M
top:0;8 E+ i9 o; E* R" e/ f  M
visibility:hide;
8 \7 x1 z9 O3 y- }visibility:hidden;
0 E) p4 c1 ]7 n( x: \' ]}
' Q- h- s" R  H+ D</style>" s) L2 ?7 [! T5 K
<script language="JavaScript1.2">! \9 h+ {$ K6 }( S; p' b& P1 J
<!-- 改变下的字体的大小。颜色-->
3 ?9 y8 h2 o) Q' U) s& _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 R2 g( r$ X. G' _; s
var hidetimer='';
$ d) l$ m  h6 d" M2 Z<!-- 改变下的弹跳速度-->
# M2 B7 c4 }& Z- O: O% }6 \var BallSpeed = 20;
6 X2 g& ?2 x$ }( v% t: p( Ivar contentWidth;( n2 N; i( q0 n+ @
var contentHeight;+ x; u, I7 ^  p' @# N6 V
var maxBallSpeed = 50;
6 j  H# h* \. x$ c6 [& o  \) b, D4 [9 F0 h( I

% s: N8 O" h' @( e. ]var xMax;. \/ |7 C. T4 `) k
var yMax;
, q* P+ `5 A+ d' a  r) M' zvar xPos = 0;
8 r- R) K- u- G% U9 [var yPos = 0;1 d' \  l) t8 \! l$ P
var xDir = 'right';
7 h$ x! I  ]( n/ i8 {/ W: S0 o8 ~var yDir = 'down';
3 ~, q# N) o" n2 _0 ~; ]6 c9 Z; kvar superballRunning = true;
; V& Z5 I  C) g) H) v; Jvar tempBallSpeed;) z) ^  g) U7 u
var currentBallSrc;
; @2 b( C6 t. o& K2 k: ]var newXDir;* S- W/ d* M) Z1 U9 |% A3 H  o
var newYDir;
! j( A% T+ p! s) Z" W9 s5 [, V' F& O
) n) f8 Y8 ~$ v4 J: ]function initializeBall() {
( R0 d- S2 n3 [1 @, z$ F   if (document.all) {
- {9 c8 W' p( ~      xMax = document.body.clientWidth! _+ \4 u: J- {; x
      yMax = document.body.clientHeight
3 a1 I: e( x! \+ V$ [      document.all("supertext").style.visibility = "visible";
7 v6 X  [5 K+ v2 d      contentWidth=supertext.offsetWidth
1 Y; b7 P5 U5 T) u2 z% @6 D4 @      contentHeight=supertext.offsetHeight. t3 l5 ~9 Z& I1 Z/ [  z9 D
      }
3 h& F6 t, j! \2 b   else if (document.layers) {
- J% r, R/ O9 m0 G6 `      xMax = window.innerWidth;
* N2 }, \& z6 h4 p7 ?+ d      yMax = window.innerHeight;6 Y+ f. k9 A# m0 n5 B
      contentWidth=document.supertext.document.width4 i8 o, l7 X- |! u+ A1 O7 {: j
      contentHeight=document.supertext.document.height
- p& K  h4 K1 a8 d( P2 j* n- V      document.layers["supertext"].visibility = "show";
% o; n7 ^; k' Y5 I      }$ G$ K4 S$ q3 I9 R0 h- O' `% n6 Z" n
   setTimeout('moveBall()',400);
9 T( M' V4 o$ T" Q. j& @5 e$ c. E   if (hidetimer!='')5 p) S/ h# P' J
   setTimeout("hidetext()",hidetimer)# m& y: l( \7 i; u
   }
/ l" Z8 _$ ]9 x3 T9 c% W8 A
5 g4 H  q2 ~# S0 G% T! x- K& \function moveBall() {, |- v4 R* ^# J  e9 y2 T
   if (superballRunning == true) {7 K* x8 z6 L4 t
      calculatePosition();
) e! V- @* W2 D4 L      if (document.all) {8 b) r& a: l% Q$ c1 o- z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) R2 `1 A" l  `6 y3 U0 @         document.all("supertext").style.top = yPos + document.body.scrollTop;3 R/ Z# d' N3 L8 I  P1 z
         }
" {  a' j: D  M7 N' M/ L      else if (document.layers) {; k9 ?) A. A- {- C
         document.layers["supertext"].left = xPos + pageXOffset;  h- {5 v! |7 U- i; r
         document.layers["supertext"].top = yPos + pageYOffset;
4 ~( M  q: j6 s' [9 M         }
; t  f1 e7 P: X' Z3 {! e. z      animatetext=setTimeout('moveBall()',20);6 y5 Y* Q* f' _' d) n: S
      }: t) H6 @8 \; t# t
   }
/ T: O) s2 s# p+ h" V- L+ Z9 j
( X& B  P* |& E9 ^6 U& _function calculatePosition() {1 U: C7 t# {0 g9 s" G* X" r
   if (xDir == "right") {6 s3 d% L+ G) d! @  y1 _2 T8 c0 p3 q
      if (xPos > (xMax - contentWidth - BallSpeed)) {4 p; W7 ^1 V, d5 q  N2 q
         xDir = "left";
# ^; g) K' r0 |7 \1 U         }+ J8 i) g- p) I& @! R9 W- P
      }
' b" R) P, s$ B5 w/ h  \/ J   else if (xDir == "left") {3 u6 h  r& v9 k, q: a) A
      if (xPos < (0 + BallSpeed)) {
) @7 j1 y/ C, A         xDir = "right";/ X- \# }& G% p5 r. R! N4 Q' J
         }
) Y. r0 m$ j" ^9 ]& A* ~) w2 t" t7 \      }* p6 Q. \$ r( U5 t
   if (yDir == "down") {  _* n8 w0 |. ^# Z
      if (yPos > (yMax - contentHeight - BallSpeed)) {8 S. s. p% U+ E9 l" ?( |) t
         yDir = "up";: f' r0 [$ K9 s: s/ M$ w* g' G1 M
         }2 O" d& R  j: W+ d/ R6 \% t
      }8 l: v2 a5 A+ q7 e  c
   else if (yDir == "up") {4 g6 U' A8 e" L
      if (yPos < (0 + BallSpeed)) {
# r% E6 q3 k0 `         yDir = "down";6 ^, B* ^' t, e, S
         }
; r+ ~' @: Y1 L; V% |/ `0 t& X* T4 P      }
7 q* U7 C6 f( q2 N   if (xDir == "right") {" l* h( q. R. h
      xPos = xPos + BallSpeed;
+ b, U, r* G. R      }1 V. U$ l7 j2 p, G2 m0 Q( N9 W
   else if (xDir == "left") {
# `3 ^# w& Y1 d& F: n9 L3 a      xPos = xPos - BallSpeed;
, ]: u& U  z6 X9 B5 A      }
+ E* I$ X. z4 ^( |, _* F: w' F   else {
: G' y8 Q5 u2 J6 t3 u0 i      xPos = xPos;
1 c8 X9 q7 B3 v% K      }
9 M* ~$ Q0 S- I$ s2 G  b   if (yDir == "down") {$ B' _2 Z  a6 T7 H
      yPos = yPos + BallSpeed;
* X1 `- E) o2 j+ E% j& ~      }
4 |' J0 L7 {& M& V! x6 W6 B( y   else if (yDir == "up") {4 T0 Z% u& J4 w2 y! T. c& h
      yPos = yPos - BallSpeed;
7 K, y3 F) q8 ~" h      }# b* N' T7 ~8 u0 ~- O) A0 y& Y2 k
   else {
% z( f% h" J7 V      yPos = yPos;/ B, a  I1 i$ l) F
      }% S2 W5 H; F* h; r
   }, b9 b: ^+ m4 o+ s
+ J' R7 Q$ \% z' z0 k
function hidetext(){
; o9 a9 S& Z: V& Sif (document.all)/ l8 _% s: O4 l; W9 h" B% M
supertext.style.visibility="hidden"
6 v3 H- _/ W8 s3 T0 W+ Nelse if (document.layers)2 G* H! y0 _! W; f; R- j
document.supertext.visibility="hide"
0 Y( i& @  Z. t# V- w6 fclearTimeout(animatetext)+ S' m* L4 L7 z& _3 e  |
}
- ?7 B4 g6 h: M$ v; Q& d# e& _6 r2 j4 I1 W) g  W2 `
if (document.all||document.layers){
6 K0 @) |" F1 K5 {/ cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 b. A# f/ B4 s! @8 Y9 V& k. Ewindow.onload = initializeBall;
6 z7 q; y8 f5 R' fwindow.onresize = new Function("window.location.reload()");
& ]6 z2 X5 k0 V( p& Z  H}3 m. l6 M) U) H* l# I" x5 o

9 d4 @: e+ ?/ F0 \</script>

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