返回列表 发帖

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

<style type="text/css">/ H# C: Y$ y2 e& d/ V0 H
#supertext {
, l" C; g' l, vposition:absolute;, a( M, J( S9 F8 Q( w1 I( U
left:0;' S0 ^" z% A, r+ t
top:0;
1 y( t, K) S9 D. ~2 Gvisibility:hide;
( v$ t3 I: A1 P; t& z* tvisibility:hidden;
) ]5 W6 H. R+ \6 {& v/ `$ Q}) d2 S# a. x  H" E
</style>) T9 [+ K# f0 s! Q* J3 y
<script language="JavaScript1.2">
% R' F* ?- g- ]" t<!-- 改变下的字体的大小。颜色-->
. m& [1 g1 e+ qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
5 J2 P. A) e0 f2 n% w, Ovar hidetimer='';
4 S$ r' u, j/ X; B& V- T1 c<!-- 改变下的弹跳速度-->
" G, R6 O( x4 [5 D) W2 d5 Cvar BallSpeed = 20;
2 n: r& e3 b* mvar contentWidth;! N) Z: z  {: n
var contentHeight;
. Q2 g! {8 ]' Wvar maxBallSpeed = 50;
- K# t, ]* x  t" S5 K/ ~4 L% `
2 D2 X  k# U" i" O) }/ A) Y
8 Q7 \( [7 f+ j( `8 R' Y  ~var xMax;
/ X8 r, o. H3 w0 i2 uvar yMax;% z( k0 r; m) J8 h. W
var xPos = 0;4 ~$ u- w/ n4 w& l* d
var yPos = 0;6 I7 Q/ k) U; `1 h1 z$ c
var xDir = 'right';6 s3 G: I4 l( I% V: N9 q
var yDir = 'down';# T1 u1 ^7 q' E3 `: d" n
var superballRunning = true;# \$ [/ T, F. Z8 k# I* c5 l; _4 i7 r
var tempBallSpeed;' }# ~9 b( q1 k
var currentBallSrc;6 t, M  m. R# R* l
var newXDir;- T: o# r' `+ v/ `) o
var newYDir;! W# F/ C+ O& U+ |% ]/ s8 Q
8 P5 @  H: u+ ^$ F
function initializeBall() {
0 C, Q6 ?* Q! L* `& N) `   if (document.all) {
( R6 ]# @. ^9 l8 Z& w, `      xMax = document.body.clientWidth- D0 K/ ^! y$ S' @
      yMax = document.body.clientHeight
2 O/ V( d9 L: o* P: e      document.all("supertext").style.visibility = "visible";7 S3 M8 Y: ]8 w+ L
      contentWidth=supertext.offsetWidth/ f* }& m* v% b; f6 f. ]
      contentHeight=supertext.offsetHeight( H- I/ H  }/ q# q7 |. x, z/ [  L
      }9 t- a3 G4 U# i' A2 ?: M) @
   else if (document.layers) {
2 K/ N+ E/ L; Q2 f8 i7 T      xMax = window.innerWidth;5 j8 _6 v. _0 A: l' m6 c% J. Y: L
      yMax = window.innerHeight;
" y: Y: }8 i: N! {2 A4 B& m      contentWidth=document.supertext.document.width
: x- m; N; U; D* y# Z      contentHeight=document.supertext.document.height9 W4 x# }0 R- G, D7 n* @% U" n
      document.layers["supertext"].visibility = "show";
4 ?3 |$ B, Q. `$ O% T  c      }* `% U4 p) u$ |7 L9 z; d
   setTimeout('moveBall()',400);
- B& }& \# j' w. C' q6 l9 r   if (hidetimer!='')
5 j; ~/ s# e, ?   setTimeout("hidetext()",hidetimer)
' v1 I2 d% S7 t  g   }' {8 E2 L; F1 y( i' f, @
/ e+ e' u  O) i+ e  g6 J  @% Z3 a6 i
function moveBall() {$ t, _7 ]( t% l8 h4 ~: E3 D
   if (superballRunning == true) {' q+ R, b& ?+ T  _* o1 I* ~
      calculatePosition();
. H+ o  n% m. ~1 x6 f4 T      if (document.all) {
  _! j7 h3 z! P0 D         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) U4 o- d  @+ M" e" }' E4 E         document.all("supertext").style.top = yPos + document.body.scrollTop;$ A6 K1 x9 G" K* l
         }: O& b  f+ `0 C5 G) u) g
      else if (document.layers) {
, s" x) [8 K: b6 B0 X1 B* _         document.layers["supertext"].left = xPos + pageXOffset;
1 m8 i0 c. k& ~6 C4 [4 o! _         document.layers["supertext"].top = yPos + pageYOffset;3 f. ?+ n0 T  I* v$ }0 q' p
         }
, h& m; A8 b7 f9 ~7 q      animatetext=setTimeout('moveBall()',20);
. }6 c0 C! E! B5 t" o7 Y) Q7 ^$ C: x      }& Z( E" I! e" a4 t
   }
. W) \  L/ L. ^. `% U7 D- F# v  V/ y* E
function calculatePosition() {# N* W4 g5 R4 f% x# v
   if (xDir == "right") {: t: G. v1 F! E3 e0 y: u  v
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 n9 u4 q4 |9 q
         xDir = "left";1 z. p& c3 U# o6 P8 j! Y# }7 I  w
         }1 Q1 V1 n) q( O" o$ t
      }
$ G- U. p, b5 L4 f! W3 v   else if (xDir == "left") {
% C9 C2 g; d  M# ]' e& \      if (xPos < (0 + BallSpeed)) {
: w( x) o6 i7 {5 f         xDir = "right";
, \8 e- n1 u; e! S9 b         }
6 b" o% F) u# {( X$ F7 G      }
+ a9 _/ r# O5 D* o* k4 E   if (yDir == "down") {
) Z" d# V9 X& w/ b& Q2 v      if (yPos > (yMax - contentHeight - BallSpeed)) {2 I) _  u. V, E- h4 ?9 m
         yDir = "up";% C6 m3 U  M% k8 n. V/ B
         }- Q6 X! a! m  v4 \1 i$ p
      }
8 _: v3 [6 H2 `; R: [9 t" U3 J   else if (yDir == "up") {
1 `6 X  z# B# @5 U- m      if (yPos < (0 + BallSpeed)) {
0 R/ b& i; s) l- t/ c* {# j% Q         yDir = "down";2 A! x6 s7 R9 q' ^; s
         }
4 M1 D6 V7 A4 ]. S' q. \4 c      }
1 {( S! l+ r8 b   if (xDir == "right") {: c- ^5 m- l+ N& n' Y
      xPos = xPos + BallSpeed;
; O5 j. X* Q  ~$ q; V7 s. a      }
/ X5 z( y; k; W   else if (xDir == "left") {
. Z7 K( ^( H! [6 i' {3 ]1 \0 O# r2 X      xPos = xPos - BallSpeed;
; S! F7 s) J  M3 G7 I      }
# q9 J0 m( A: J8 i   else {
% I9 t, Q; N# o" U+ y: g      xPos = xPos;6 K2 X* H, K. g5 H6 q/ }
      }' T9 Q4 b7 I! o3 b
   if (yDir == "down") {9 l! i$ \+ W0 t7 d. [
      yPos = yPos + BallSpeed;
* }- G/ z( s$ G8 f2 j! X* _) S. r      }3 X  C6 B% [9 W+ N5 E6 \
   else if (yDir == "up") {
6 p1 [# q; W! h+ ~( g      yPos = yPos - BallSpeed;
. L& w8 h+ ]5 c      }
/ L) [5 A- ^+ A/ d+ F   else {
) ?! |/ A* i$ c! D! O* ^& M      yPos = yPos;$ q0 G9 d0 k. w9 v* v' Y, @% \
      }: C/ n* ~! U2 \
   }
3 t1 s3 `& V# m# S+ P$ r& u
  b# y. p! O$ }) |function hidetext(){
( D) T) P+ N+ H* S$ r& [$ {' [if (document.all)
0 t) i6 b% m/ csupertext.style.visibility="hidden"/ [, Q0 F( |- m; M& T$ A: G
else if (document.layers)
3 r$ P$ E& `0 e0 D( Q7 M* A! odocument.supertext.visibility="hide"! O/ @/ D) A3 b' f
clearTimeout(animatetext)
# ]3 c' X5 L6 D$ N1 r}; \5 j: q: U/ X
" x. j; H2 n6 b$ [1 h8 V
if (document.all||document.layers){: r- `2 R; B  G4 c" A. F
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; i( ]) s' i! g! \window.onload = initializeBall;
7 \2 Q5 S  a, }! zwindow.onresize = new Function("window.location.reload()");- u7 e) B. k! y) B  ~0 }6 M- z$ _
}
; |. g: b( c7 |' u9 c9 q6 w2 K9 `
8 x. m3 J4 f7 J0 m  p* c</script>

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