返回列表 发帖

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

<style type="text/css">
, w4 ~6 Q* Z: M. V# o2 T; a#supertext {5 U4 K1 v' Y0 e0 Q
position:absolute;
8 A0 l. h1 G/ w9 E" W& Mleft:0;3 z' \& ^+ _  F; S1 p. g
top:0;
" w( J3 K3 S* W: Dvisibility:hide;
6 B" D. M& @5 q+ d& kvisibility:hidden;0 z/ ]$ Q' l8 b  r8 @+ W
}
  N1 r0 v' g& I7 l</style>
' r: z, {' h" |$ x<script language="JavaScript1.2">
4 @( s6 q: x, a<!-- 改变下的字体的大小。颜色-->" e% N; e, @9 `% c( k1 m5 c
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; z0 t# F7 ]) W! X/ _
var hidetimer='';+ ?! K1 H& ?2 i) k- \/ _
<!-- 改变下的弹跳速度-->
7 _' d0 }- `, _# X1 ~9 U! ^8 H& @var BallSpeed = 20;
5 Z0 p' i, V( ^1 I8 u+ e* uvar contentWidth;
" s! C7 ?( P* c% P( Dvar contentHeight;/ i$ q' Y; O% P1 D, ~
var maxBallSpeed = 50;* @! B  j1 p8 K8 z; I

9 c- E7 d9 q( z; u4 `( u8 x  \/ U  C8 W3 y5 l( W- S
var xMax;" ~" C' o( ^6 N; V; s5 s
var yMax;
% \( }3 \1 _! z6 W3 rvar xPos = 0;
* Y' S1 _, H& n' h+ Z( k$ G' S. rvar yPos = 0;% l  Z- B' y: G% H
var xDir = 'right';( S! @8 P$ m! ]  r0 x
var yDir = 'down';  v1 F0 Q9 @6 C0 \. j  }, ^# \
var superballRunning = true;, L3 C/ C/ l4 P% ?2 \  D
var tempBallSpeed;
2 B. c0 J- J( ~2 t  l/ Z8 |var currentBallSrc;2 {8 g- K( ?8 O* M. W
var newXDir;
8 J6 K  t8 b  V- C3 dvar newYDir;
3 y/ Y) l/ L; B) H+ K! `0 b, i, {/ k4 G
function initializeBall() {" v* q8 Q0 Z. s7 X. V/ c
   if (document.all) {
. i4 [) S' ~) D; k2 D$ ]      xMax = document.body.clientWidth" ]4 U& ~2 Q2 T% C5 @
      yMax = document.body.clientHeight
, \9 l1 v$ E: p/ U* R, U5 H      document.all("supertext").style.visibility = "visible";
* J: p/ P4 k9 @  r) k2 f$ b# J      contentWidth=supertext.offsetWidth
2 B/ Z" t7 j% P9 v! z      contentHeight=supertext.offsetHeight
! j. N+ l$ p" _& X      }9 D" `( `; S* h' E$ ?% H
   else if (document.layers) {0 f  G4 I$ M/ B3 y2 [4 P4 f8 h
      xMax = window.innerWidth;
6 Q4 [* p* |3 F4 e* H      yMax = window.innerHeight;6 v* m- F- v. X) ~, f
      contentWidth=document.supertext.document.width
7 Y4 G+ _# x/ H      contentHeight=document.supertext.document.height3 B: w1 ~7 @- P2 t2 H, r
      document.layers["supertext"].visibility = "show";
3 V7 ?! s- n+ h( a      }0 _' h) x3 h4 l5 _# d* H; X
   setTimeout('moveBall()',400);4 l, j: w2 R& q) `. I, C" n
   if (hidetimer!='')
- h( ~( ]+ R/ u  p   setTimeout("hidetext()",hidetimer)
* u( _3 `: x5 H0 v; L* W" w% {   }
: ~8 T3 I8 N$ V" q7 d% `6 |0 r6 n5 n4 {! \% w
function moveBall() {
. R- x) U- {( y0 G9 }+ s3 L% U! U   if (superballRunning == true) {
, S! F4 L; `0 f  }8 e2 d      calculatePosition();* l4 _! b2 J& Z  Y
      if (document.all) {
7 [8 E# B* I' F6 T% @8 G# H+ K         document.all("supertext").style.left = xPos + document.body.scrollLeft;
& V% p4 D: u" a7 Y" k# b8 L3 s         document.all("supertext").style.top = yPos + document.body.scrollTop;( i( p$ ?. R# Y- p
         }
6 |( u' X1 B) S- L" O% f      else if (document.layers) {
6 }! S  F' C) v         document.layers["supertext"].left = xPos + pageXOffset;
) v2 T. z# I" t' n) Q- k         document.layers["supertext"].top = yPos + pageYOffset;4 z8 y1 `. x- N9 L( ^
         }
, D) p$ }7 a% y6 F      animatetext=setTimeout('moveBall()',20);
$ d1 M2 v8 ?9 J      }
9 {4 K& i; \% q& }$ _# V8 |) _: P: l   }$ `0 b2 D: K$ a* g+ @
2 D6 w0 V" |+ M: r! g" L( u
function calculatePosition() {
- g) l6 V9 I' u7 b   if (xDir == "right") {
. Y* O1 r  i; A; T      if (xPos > (xMax - contentWidth - BallSpeed)) {; D# t- [2 a# }* Z3 Z
         xDir = "left";7 c- c' o; W. H0 [- p& ^  z- v0 g' M9 W
         }1 u% s1 [; ?0 x" c3 i
      }
  r2 W9 N+ T' d0 Y   else if (xDir == "left") {
+ U$ P0 l. x* d1 G      if (xPos < (0 + BallSpeed)) {: T$ x& Z" u/ m; B1 e/ z5 G
         xDir = "right";
: n) T2 R9 U2 r) }0 j- n* R+ b/ K         }
$ ?. H% A9 y, m  w      }2 N; F/ _" @$ J2 a0 R5 J$ e
   if (yDir == "down") {
0 o. f6 H1 D4 `; X! E3 N$ t+ ]      if (yPos > (yMax - contentHeight - BallSpeed)) {
) S6 I4 x1 I2 ]9 ?3 w* z9 I$ {3 u         yDir = "up";
: B' |* u$ b% `# E6 e- i         }6 `: m9 Z9 @6 d$ r
      }* [. h. \) ], z. v( e- T4 X
   else if (yDir == "up") {: d4 [; i, _! U5 S
      if (yPos < (0 + BallSpeed)) {
) L5 L4 L: X) \! g8 V5 G         yDir = "down";
/ l+ F! c% @$ I' w! o$ g: s# `         }, {! v7 ^% j8 \% x4 L
      }
8 E0 L4 U7 t7 ?# m$ J" r+ Z   if (xDir == "right") {
( ?5 ^$ ?8 t& V      xPos = xPos + BallSpeed;
  J, G; A! F* U, k3 v      }4 P0 r1 i, G4 ]2 Z4 T
   else if (xDir == "left") {
; [# k* p0 I6 q9 ~      xPos = xPos - BallSpeed;. n5 ]  p) }4 H# W9 ^# F6 q' \
      }- h; d3 J4 Q, U
   else {9 K8 a: q5 T3 ]- _! O* R, P
      xPos = xPos;/ Y' n/ `$ C, s; s1 w/ U6 u- G
      }
; p! p1 p! W) }; `8 y$ \   if (yDir == "down") {& d% P% |/ }% W7 ]4 a
      yPos = yPos + BallSpeed;
7 k, |8 J: Z) H. Z% G, {      }
0 l# F( Y2 d" T   else if (yDir == "up") {5 r1 h$ f7 D  P
      yPos = yPos - BallSpeed;) ]0 n4 w- Q" t9 h; u
      }
: k/ E+ S0 G# X$ {6 M* w# R   else {2 A4 d, H  C7 C9 a( P
      yPos = yPos;( m( t9 |. c0 z, R$ l4 q
      }( B# }" {8 C' l' x1 |0 q
   }
* V5 E& ]* r8 R$ C3 n/ H
$ V- I& `& P; V( k  n  G) ~function hidetext(){3 i  k9 M; z# ^  _5 D5 \( T
if (document.all)
4 ?0 d8 E5 a5 Q5 O9 S0 h5 c( isupertext.style.visibility="hidden"
$ d. M0 B3 i- P  w5 l& \$ W. f; Q1 Qelse if (document.layers)
# b2 [/ N  r! c4 Fdocument.supertext.visibility="hide"
1 w! U4 q/ t! s6 \/ fclearTimeout(animatetext)
4 L# ]# e& `# @, I}
0 Y0 L9 M% V$ L; B8 b& O+ y
3 {* X" k% I. \( s" ^7 H; cif (document.all||document.layers){" z3 X4 d# g* W
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# @  b+ H$ x! f. v% h0 A' e: S2 zwindow.onload = initializeBall;! Y, m, j3 |4 _
window.onresize = new Function("window.location.reload()");
) h9 S6 r: T' @, F}
3 {0 l4 ]9 a* c8 f) W7 N7 H7 k2 _
  f# K- T5 F7 c0 V2 q</script>

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