返回列表 发帖

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

<style type="text/css">
% x9 e: m( a. v' |#supertext {
% q6 Y. W9 c2 Q  [position:absolute;
5 @$ f- F4 g4 N2 E" g. B6 h/ B# {left:0;( c! m& W1 ^, I( W: t
top:0;' `- k; `) m$ U/ I4 J2 B
visibility:hide;% d, I" h& D" N8 K& ~  N
visibility:hidden;
6 Q& C- a: O  \5 u& J}6 E. W3 G4 {- s& N
</style>
. u: S0 k) p( m0 |' A) F  {( Y/ w<script language="JavaScript1.2">
1 @. A8 N% F7 o. @/ q8 q( r: d2 V<!-- 改变下的字体的大小。颜色-->, ]& _) L0 N' W3 q' V9 f8 _; |
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# J1 k9 G4 j* F$ N* |var hidetimer='';! H, y" _# U" o! B
<!-- 改变下的弹跳速度-->+ X' ?/ j% s1 A3 j9 z" ~5 |% {, q
var BallSpeed = 20;( F( U+ h7 h; N# N
var contentWidth;
( f5 ]8 r, v5 Y! q3 d, J( qvar contentHeight;
9 U0 i; J" |+ u! V7 Q- V* Nvar maxBallSpeed = 50;8 |- {2 t- [! T( D4 D0 N

4 ^+ b( D+ G* ]+ L$ N
  q, R. Q- ?* F" Hvar xMax;9 s$ d! h9 e# @; f5 t8 A, g( g
var yMax;' E- J" a+ {, N  j5 A
var xPos = 0;6 G4 B2 Z, w+ K7 I
var yPos = 0;
/ n. p  }( X" h$ l" Yvar xDir = 'right';) ?/ I1 j5 q( B* r- H7 c
var yDir = 'down';
/ q# O2 W: E3 k4 m2 l* o9 `" Evar superballRunning = true;
0 v! q1 j' q) }. \6 Q+ v) `7 r) M: B, hvar tempBallSpeed;( l( }/ u* f$ i4 A1 _( R
var currentBallSrc;$ d$ f& l( z- d: y2 J* ~
var newXDir;
( T8 j5 h2 {  T3 ]+ Bvar newYDir;: W0 ~6 Q- X- e
0 P9 |! ^  Q" j
function initializeBall() {
! A1 }+ z5 d5 P: \   if (document.all) {
+ N. P; d. z9 H' |& [      xMax = document.body.clientWidth% H6 S* i5 }) H0 G0 Z
      yMax = document.body.clientHeight% }9 y3 l" r1 [( W/ J
      document.all("supertext").style.visibility = "visible";
6 Q  N% z3 ^. C* ]6 A; v: J2 A% H      contentWidth=supertext.offsetWidth# i- c4 d5 C: u  {+ M9 E
      contentHeight=supertext.offsetHeight: G9 {! W$ B5 o+ n
      }
1 A* [% z1 Q; p4 h3 @# J0 U( `% \( p   else if (document.layers) {
3 J- _, y$ e; i) h      xMax = window.innerWidth;! z- x: I1 j% h! ^: Y6 [' l- b
      yMax = window.innerHeight;
( ~( z( k, M5 z" `, |1 ]) J2 E      contentWidth=document.supertext.document.width( d* @! [* M' G* q1 W
      contentHeight=document.supertext.document.height' O; [* ^) ^6 [& I( }! x
      document.layers["supertext"].visibility = "show";1 Z( u# u* {; q2 a2 T3 m* x
      }! z5 P/ x8 h2 B) p8 U+ \, t
   setTimeout('moveBall()',400);5 }! E1 ~: `) \( K
   if (hidetimer!='')
6 H. B% m0 y: E4 B% q! d5 z   setTimeout("hidetext()",hidetimer)
- ^6 f! z! _  P1 e   }7 p- t, H+ W7 L5 u9 t( E0 Q. [

/ Q% D. f$ E  Q/ V, I/ Gfunction moveBall() {( C, v7 a4 k6 @3 B2 G+ r
   if (superballRunning == true) {
; V/ I& P' k9 M' k) u# e/ c      calculatePosition();
. }; q( r5 i- h( T+ _      if (document.all) {1 B. {8 L' v+ V2 a# ?2 g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;  }( o$ x2 L. V" K" w
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 H$ O: i# m8 J# g9 \/ e$ H% h
         }$ e4 `) k! o+ s) `! B
      else if (document.layers) {8 V. M7 `& |. M8 @$ C& d
         document.layers["supertext"].left = xPos + pageXOffset;
+ C' v# _: Q3 t         document.layers["supertext"].top = yPos + pageYOffset;
) S2 {0 T1 `; h4 A) f         }
; |$ o  h5 K; m      animatetext=setTimeout('moveBall()',20);
* z$ P# I8 d. }: D6 i& x& [; y0 S      }7 {% u; F6 c& R) ^5 E" Q3 T! }
   }
+ |( r6 M8 a% B7 Z* c
7 ]9 R) b6 P3 S3 Afunction calculatePosition() {) q5 _$ w  ?/ G$ M, I" a9 I
   if (xDir == "right") {' j3 s, D1 [2 ]1 [' Y" A6 e  r
      if (xPos > (xMax - contentWidth - BallSpeed)) {& n+ J' j! a$ o  S* v2 L% b2 M0 H4 L! g
         xDir = "left";  U0 A. l  q! ~2 @  b$ u5 z
         }
* ~7 \. [, u, a* {, @1 A      }
+ ]( N$ ?/ ]- Z+ ?+ g" v   else if (xDir == "left") {. j' Q# n4 D' w3 R
      if (xPos < (0 + BallSpeed)) {1 @5 F  m, m4 u' ?# a$ m8 }- }( o8 J$ S
         xDir = "right";! Y+ E" \- F: ~4 H) f* E2 q
         }" O9 p, ~/ A  ?- Q$ F4 |) ]
      }- B( l( N6 Z$ A/ e3 @  `
   if (yDir == "down") {5 c$ P; I0 G2 R5 U
      if (yPos > (yMax - contentHeight - BallSpeed)) {: Z8 H* D. u  e
         yDir = "up";5 Y% C  }* D" U" @9 T
         }
/ K  p$ v" t( D- K. ~/ U      }
, m) ~  }; `# [. a; u% T/ M# G   else if (yDir == "up") {
2 J0 }3 P6 H: Z, M7 I, B      if (yPos < (0 + BallSpeed)) {) A; M& Q6 ~8 E; y  `
         yDir = "down";
0 F# B5 J& c4 E1 w         }
1 h0 [3 i( K  z      }2 u. m( e4 l& q: I" X  C
   if (xDir == "right") {, L/ q* ]. k  s0 U) |, n
      xPos = xPos + BallSpeed;' t' P: S& A2 B" s; J/ e% C+ O( @
      }& |  R4 F" s; J; L: q
   else if (xDir == "left") {# x) n6 {1 ^, c0 L- n7 G
      xPos = xPos - BallSpeed;* {+ N! l+ E2 x$ |
      }
, N' T- f/ s( e3 e   else {, G( n! p) n2 U: Z' J+ N& f1 o
      xPos = xPos;9 r7 A1 l4 I  C
      }$ y4 Z% g% |& Z8 g
   if (yDir == "down") {& z2 Y$ G5 v  _- ?
      yPos = yPos + BallSpeed;+ K/ R% b- {2 b' C
      }6 h6 t/ v' o$ z8 F5 Q* c3 g
   else if (yDir == "up") {
! M. [! }; _, n" o) K1 R4 g      yPos = yPos - BallSpeed;
: c+ U. V$ c6 o6 w$ a      }
6 i4 T: [! o. g" i) N5 _+ ^   else {+ S( n7 V% j, s5 h8 m: b( S
      yPos = yPos;
* S$ X, {2 o4 W      }
. A1 a  j* a) L1 s2 d   }
) v) D% A7 R% P, L2 ?( H  X' F& }' d/ e' |$ c8 l
function hidetext(){$ K) f/ I4 w- ~! I! K8 H4 m
if (document.all)
8 ~7 c4 F  \* w- c5 n2 R' x/ Usupertext.style.visibility="hidden"( T+ B* g: D- j3 b
else if (document.layers)' |( _0 p+ u, _: d1 K
document.supertext.visibility="hide"
  A/ Q4 j2 s$ j. VclearTimeout(animatetext)6 K- T. I6 _* ]3 w% u& f
}
: V9 i; @8 H9 u
* W- p" @. n$ m+ i# |if (document.all||document.layers){) L( d7 f) b; O: R; @
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9 \. D! Z* i" \( G* w6 Jwindow.onload = initializeBall;# r! z) I" n6 I! A, n
window.onresize = new Function("window.location.reload()");/ z; i; `& ]  n. g& A# k
}! H' \7 r5 I+ q0 U

9 r* Z0 g  t/ _</script>

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