返回列表 发帖

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

<style type="text/css">$ J0 X  M. E9 z- C
#supertext {$ K6 F% ]. g$ g  @1 ^0 U5 t1 G
position:absolute;1 h9 ]# X# S) i1 M: h5 ~
left:0;/ V" s+ s. `  E; V" O
top:0;
. f. l" O1 \+ ~, Y( w+ rvisibility:hide;2 \$ T  [& t) \
visibility:hidden;/ @6 ]6 _5 n0 V+ Y' o
}
+ E1 h& k1 _, M7 ^0 B8 ?# x2 Y</style>7 w9 Z0 ]1 x8 P4 l. E5 T, H
<script language="JavaScript1.2">! Y. P. R- Q$ ?" l
<!-- 改变下的字体的大小。颜色-->
5 j! q, a& T8 qvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' e# w0 V  N; \5 m' |var hidetimer='';
# E" ?7 z: s4 J6 ~& f<!-- 改变下的弹跳速度--># n2 C0 b4 X' L6 l+ Y. P. r
var BallSpeed = 20;; @4 m& S5 R4 E. }! T# o7 ^+ F2 u
var contentWidth;
( y  A; N/ a" f9 P* Q$ ?  ovar contentHeight;
9 u( F' M& i- d& C! N0 A* nvar maxBallSpeed = 50;
+ F, A: f2 H# T% J1 m2 e/ q( i

6 J$ }6 j8 b+ e4 f( s! tvar xMax;( R7 K5 S; J  P. ?% g# v6 @
var yMax;
0 [( T+ c( C6 T' a8 Nvar xPos = 0;
+ p1 ~  o2 q. v2 l" @; Fvar yPos = 0;& A- I9 P3 O$ k7 w# b6 _8 q
var xDir = 'right';; S0 R" G  e! ?4 \) D
var yDir = 'down';
7 H1 [- r- K: ^; f3 u8 svar superballRunning = true;0 ^$ q4 @) k0 p" x1 `
var tempBallSpeed;( V; c3 }: k7 \  Z6 \
var currentBallSrc;2 c( _6 h2 w0 g& S" d7 d  K2 _
var newXDir;3 \) c6 R: i6 I
var newYDir;
/ N8 H# p8 q; g: q1 j
4 s. d: Y: `+ U: N; c4 f* zfunction initializeBall() {
. U8 v- \, r) I2 j9 R6 B+ g   if (document.all) {
( W& r' e, w6 y      xMax = document.body.clientWidth) T2 f4 ?3 ]; G5 {( M$ W
      yMax = document.body.clientHeight
" t& G3 X$ Y+ O% I5 K" x      document.all("supertext").style.visibility = "visible";
2 c9 a/ Z& q2 n" @7 I# ~4 o8 G      contentWidth=supertext.offsetWidth
  b8 G+ C6 ^1 S! I4 }& h      contentHeight=supertext.offsetHeight5 H. q8 @+ L* r* P2 M7 ^
      }' ~/ R, i; `' W0 K2 m, ~
   else if (document.layers) {
$ y; B; M8 O" e: N      xMax = window.innerWidth;% A% _6 c% Q$ {% U8 Z1 r
      yMax = window.innerHeight;% v/ r! C  _# ^# {: U! Q& b
      contentWidth=document.supertext.document.width0 ?  B0 b/ ?9 i* x- |5 F) F
      contentHeight=document.supertext.document.height2 ]& h" s" ~1 b+ `" u) R2 b* d
      document.layers["supertext"].visibility = "show";. I( B) u6 p/ d  Z  {# j8 z. D4 i
      }
# ^% t- w: z7 w9 s, ?- q' K   setTimeout('moveBall()',400);
6 G' ]9 b$ ^. f& |+ d   if (hidetimer!='')9 |  K1 k2 U4 @' t1 ^! _9 A: R
   setTimeout("hidetext()",hidetimer)4 p" k& n" ]7 L& ^7 l
   }
; Y1 C8 E0 E. y& u* @
& b, n% \8 S; i: {+ m5 Hfunction moveBall() {0 t$ Y- O' R. D* B3 O( q
   if (superballRunning == true) {0 v$ @; [8 W9 g$ t: q
      calculatePosition();6 P+ b7 Q, j% Z; e6 }8 @
      if (document.all) {
9 D# V3 b. G" [0 V         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 H5 J' n2 N- _. k+ j- `7 P6 b         document.all("supertext").style.top = yPos + document.body.scrollTop;; y2 X' ^4 z4 f: {0 C+ u* O3 i
         }: Y5 w, b& g" y9 D
      else if (document.layers) {. D' K. o  f2 {+ t  _+ N5 R2 K
         document.layers["supertext"].left = xPos + pageXOffset;: y0 N  {" @8 _  N9 Z: j1 t
         document.layers["supertext"].top = yPos + pageYOffset;
8 L! u* t& r; r. @7 f- c         }
2 `4 A; L7 m& H4 M# Y; p( j* t      animatetext=setTimeout('moveBall()',20);
1 [1 y1 d3 C! J" J      }
. I: ?' B3 \. D1 _   }2 W7 K6 z& K# `7 U2 _
% l( T* D& ~* I$ f% ^- v
function calculatePosition() {
$ K' ?4 H; m( q  [   if (xDir == "right") {
; Y2 f5 I) \* t5 a+ H7 T. F- n      if (xPos > (xMax - contentWidth - BallSpeed)) {2 H7 p; D0 Y# Z! W1 {0 }2 R
         xDir = "left";' V  A7 w. Z6 z
         }. _- J$ o; {; a5 O8 q) [
      }
7 y9 N+ ~' M9 X% I/ J   else if (xDir == "left") {
! T2 ?4 Q0 S* s% Q      if (xPos < (0 + BallSpeed)) {, Z6 s. l2 n) U; [0 N
         xDir = "right";
$ W( y& i9 p; [( V* f* @8 B4 X, E         }! k7 I% D1 w, b# o
      }
9 ]5 g) T  O$ j& @   if (yDir == "down") {
2 n; i# |% p7 t% P- D6 Z" _      if (yPos > (yMax - contentHeight - BallSpeed)) {4 z% Z3 `$ @: N: B) c7 D
         yDir = "up";7 x" G& u9 u5 s# X
         }
- L3 P/ g$ j- r- l      }
" A" |! M) I8 z; ~) Z+ T$ G, Y* m   else if (yDir == "up") {! B) O1 v+ ^% }; S2 O
      if (yPos < (0 + BallSpeed)) {
7 p) S2 @& g, f% ^' J& {         yDir = "down";( p( i& A# i5 j: J! j2 Z4 K
         }3 |; P8 ?) [5 h
      }) D$ X3 A( v: g" c( j
   if (xDir == "right") {
. g. ?& R+ G5 w      xPos = xPos + BallSpeed;
: b! {0 @5 b4 V7 g6 H      }
8 t: j1 x( k9 ?) p   else if (xDir == "left") {
0 Q' U' T* n6 M      xPos = xPos - BallSpeed;
" L- ^, h5 x0 t2 S      }
1 P' [5 `( }2 [) q% y7 a- Y   else {
8 w2 u1 I4 v6 l      xPos = xPos;2 U9 b7 {9 E1 u4 O4 ^
      }" O& O! f1 z# o- k2 W
   if (yDir == "down") {
3 o# a; u( _/ @" C; ]& a      yPos = yPos + BallSpeed;! T3 p$ ~2 A) ^& T" ?. k9 j; R0 Z3 `2 A
      }
0 U; f3 U- L( {   else if (yDir == "up") {
  m& d, F- O: q3 D* Q* g      yPos = yPos - BallSpeed;7 h0 |' N, z$ j$ V4 F. L0 l
      }. J  M7 f. m2 |, T( G! k
   else {  I8 B5 g9 h8 z% q( p& |7 C
      yPos = yPos;
9 g5 i2 o; Z6 Y1 j, h      }: R& \" f: X0 d. T0 }8 @
   }
, M7 M- H* _5 W: `/ {1 E
( g, ~1 h3 f" A# _function hidetext(){& d& ]/ q# R3 u  F5 [' ^, B
if (document.all)4 y. g- R- b" h- z7 v9 E6 V% a
supertext.style.visibility="hidden"  L9 W0 d) W! n" Z: ~* T
else if (document.layers)
! n! c& m5 v' K3 z8 l! U7 ]: p& zdocument.supertext.visibility="hide"
1 I9 \. z* f( m4 b* j/ u) E* @' hclearTimeout(animatetext)
" ^  i( `+ d2 Y! \) {! s. _}  i+ D" s$ \3 K) k, W5 U6 n) x; n6 c
: K; Y, ~0 G) t: Y5 F. ~- J
if (document.all||document.layers){
) I2 m/ g  }9 I( s, mdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
* C1 n( Q+ Z4 B  \window.onload = initializeBall;
6 N  h8 `$ \! F- y8 n& @$ fwindow.onresize = new Function("window.location.reload()");
! M5 E  O; H1 `& Z( @- s9 x}
$ t3 Y3 _2 i4 z- F) O1 t: \/ C, H3 t; E& {7 g" ~6 n; Q
</script>

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