返回列表 发帖

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

<style type="text/css">
$ v5 m  f5 |6 e* ^3 K1 N( ~#supertext {; G9 U' r9 @% o
position:absolute;
- \' }. S) E& G7 t9 N, S3 cleft:0;' v. S7 c: A" a
top:0;
2 P3 p. m; G3 u$ uvisibility:hide;+ B( ~6 D, o$ ~/ G- @
visibility:hidden;
* ^5 x2 x9 v. F3 {7 V}
& {, n/ t! s1 E  G& {</style>  n- A# J: |$ |, [9 A2 e. B- ?
<script language="JavaScript1.2">3 ?( I2 ^/ W' W! A
<!-- 改变下的字体的大小。颜色-->
8 D; I3 e: X' O+ evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 ^8 m) T+ g; h
var hidetimer='';' \5 r1 n2 S6 h/ t( {- W
<!-- 改变下的弹跳速度-->
2 `; `5 t& l9 a  l3 h3 @2 Z( R! Tvar BallSpeed = 20;$ Y8 M/ ?& I* B; ^7 C
var contentWidth;
# e+ C! D3 P- r; rvar contentHeight;+ v$ L1 P+ N2 h5 _. V( Z9 {
var maxBallSpeed = 50;
) U+ b& c3 i+ e  Y7 M. Q8 a5 f6 t/ R
  n" K7 {' c- X( Z7 b
var xMax;( y9 F7 G1 L  L) d: k4 k" ^
var yMax;
8 E% S, P  p( V: V+ [. G# |0 Gvar xPos = 0;
/ ?+ m) A- l7 D9 p' m2 r! tvar yPos = 0;
. Y& s* C7 d4 ^5 H) _# N8 z* a! O& ]var xDir = 'right';3 T1 i- Q& A6 p. T! `- k+ H
var yDir = 'down';. ^& m& d/ [; s
var superballRunning = true;
) _9 X8 h0 E- Y; e) a9 nvar tempBallSpeed;
8 a: z" x  d' w( a$ ovar currentBallSrc;6 n: I) x. o! d! L) i2 m9 j8 a
var newXDir;9 e  C+ j' R: T4 r$ P% h5 B: H
var newYDir;' Q2 R4 \( T8 I5 ]5 H! G

: H" H' _' \7 m/ V3 [$ t' @6 t( efunction initializeBall() {% |5 Y  R# e4 J5 o
   if (document.all) {7 V/ G/ \4 I1 _( s% ?# U) f/ d
      xMax = document.body.clientWidth8 G. `" x; S$ a/ Z) A2 q8 n
      yMax = document.body.clientHeight9 k6 A+ w% r: q1 A
      document.all("supertext").style.visibility = "visible";+ ?8 H' r: Y8 _* J, f6 X5 r+ J3 ]
      contentWidth=supertext.offsetWidth% p' K9 P) f3 Q1 z5 p5 C
      contentHeight=supertext.offsetHeight
2 \- v, N# W9 ?, k% I6 I9 [      }
- Y  E5 X" U9 b5 y   else if (document.layers) {
7 t1 H* {! l4 W* i/ {7 ^7 k      xMax = window.innerWidth;& y6 M5 c* u) [8 p' U# k
      yMax = window.innerHeight;, z* O/ v, x' K4 @5 l* {
      contentWidth=document.supertext.document.width9 x4 m' k3 E, f; q3 z- g
      contentHeight=document.supertext.document.height
0 ?% w8 z$ ^0 W  d      document.layers["supertext"].visibility = "show";& s! @7 C# o& K- R1 w+ E* Z  b
      }  D. q' _3 K4 `+ v
   setTimeout('moveBall()',400);
5 z  G5 ]8 d! e! r' q8 F5 z   if (hidetimer!='')2 \1 G/ x/ R8 S6 L
   setTimeout("hidetext()",hidetimer)
* o8 ]8 n$ t# }- S0 Z8 c) b   }/ ]- X  W! y$ y6 i  [+ n/ L2 q

! F- S. I" ]3 ofunction moveBall() {
, `( [5 d/ j' d/ n& A8 ^4 Q  X   if (superballRunning == true) {9 d3 m# G# R- L, [' R
      calculatePosition();
- Y) A$ ?: D( j2 l) Q      if (document.all) {8 Y: F* W' C1 D9 A4 B1 r
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ p9 A0 p5 j' K# `& }. x1 B         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ ~0 T/ i, @* F. P+ z6 x1 Y) j         }
) \) n( d6 M. G4 j      else if (document.layers) {
" z  a2 |; Z# o" \         document.layers["supertext"].left = xPos + pageXOffset;, z# q8 S0 w  Y; C; ^2 x9 V7 q
         document.layers["supertext"].top = yPos + pageYOffset;) z$ ]( @& Z! [# p/ |- @& s' J
         }7 v) L/ {: l/ }, A9 F+ J5 E1 p2 k
      animatetext=setTimeout('moveBall()',20);
7 D8 m% n/ O4 t) a, }      }5 j7 t7 y5 I7 ~2 F0 O% Y# z
   }
' \: e, d0 W  w7 {& A, C# X. [* J3 r- d3 P; H, i
function calculatePosition() {
; p6 i+ F* d$ T   if (xDir == "right") {9 o! D1 `- k# h# Q- X
      if (xPos > (xMax - contentWidth - BallSpeed)) {
# [0 J2 J2 ^* q: u. G         xDir = "left";+ j4 q/ f0 _" F/ X" c$ V3 s
         }% V9 w! d$ A" O: u
      }
5 M/ \( d- Z3 }! o   else if (xDir == "left") {  T4 r6 q+ g: Z
      if (xPos < (0 + BallSpeed)) {
3 f) J3 P$ w* G/ t8 c- R         xDir = "right";
4 Q3 d" [4 b# B3 _$ @( b5 z$ C         }' p; y3 f9 ]: D/ L1 f
      }
+ o, b3 x1 E" P: d: p5 U   if (yDir == "down") {
# C( D5 e, v* D/ @' r, `$ P/ m      if (yPos > (yMax - contentHeight - BallSpeed)) {  e8 L4 U/ O+ y; v0 Q+ p
         yDir = "up";
8 o* P5 t2 I) d         }
$ B' B  k6 y0 l9 Q$ k      }+ s3 _8 ~1 d5 C, P
   else if (yDir == "up") {) F2 B" Y6 j4 S/ c* k
      if (yPos < (0 + BallSpeed)) {$ H/ O; y1 c: G6 ]- O1 G! q: |
         yDir = "down";; H3 r  N2 z3 d, u) z  Y* F
         }
( L+ h# q% y# d) q3 d4 @      }9 M. b/ v) n& V1 g* _- x
   if (xDir == "right") {
) ?  x0 }9 K: {0 J/ L9 k      xPos = xPos + BallSpeed;
6 p# u1 t2 u. m# Q      }# P! ]* P- p% [- U% [
   else if (xDir == "left") {
& b/ b0 y0 b3 m      xPos = xPos - BallSpeed;
0 A. e% E& \& m  n' J2 Z0 D" s      }
: a" c( p9 U7 q, L1 d5 x" z; Q4 O   else {
5 Y8 a4 t/ b' ^- }( d      xPos = xPos;; w3 Q) X* p" I6 [: {
      }! a& A, {; K' H1 A4 k
   if (yDir == "down") {5 j2 J' r" t2 S: {
      yPos = yPos + BallSpeed;, k. g1 Q& i. z) M. h/ t
      }
; V2 o+ v9 W) f0 `3 v0 k# n   else if (yDir == "up") {7 T, f7 t! |% n0 x
      yPos = yPos - BallSpeed;
( P8 I+ f! Z; Z# n      }
  r7 A" K: _$ o- b2 y2 f   else {1 d4 I8 j* n9 b6 v
      yPos = yPos;
3 t; V% M5 ]2 ]) F; F; g      }
7 U( q2 ~/ `7 q& ^+ e% a   }
; `4 U- A5 S* q4 {$ H8 k' e0 [( o
" o2 Z) S, c( Q' Pfunction hidetext(){
8 _  F" X' f2 P+ i" Fif (document.all)8 W$ c2 f4 C% w& D
supertext.style.visibility="hidden"" R* b; U5 ]& G0 ~4 I
else if (document.layers)
; u+ N* d. N( C0 Edocument.supertext.visibility="hide"# @! O) F4 A0 P0 M
clearTimeout(animatetext)/ |% i3 J2 w1 P- V3 u- X
}
5 y4 ~$ P6 R( d. J1 _5 |3 h6 |
( X+ k" c0 L* T6 g( _: _1 B0 pif (document.all||document.layers){; V% K  T* J, K3 ]0 d  j
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'). A8 d$ v6 k4 F
window.onload = initializeBall;& V+ ~' T  ?2 a1 i0 H' H% B
window.onresize = new Function("window.location.reload()");
  i7 ]9 O" W- d! I0 _! H+ g6 {2 y}1 P* C7 p% l& }$ F& H  s( w& S
1 S8 A/ R6 k7 F
</script>

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