返回列表 发帖

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

<style type="text/css">
" J- Z6 D1 j4 F4 h# {#supertext {2 N4 X; q. m. L: d  z, A; Q4 o
position:absolute;8 }, F; x8 _/ e2 h  T
left:0;! r0 H8 Y& M/ c% ^) m# d! t
top:0;5 a9 e5 `/ q' H+ X2 n. Z! S0 M1 g
visibility:hide;
+ H* x3 v0 I4 W! Z$ ?* y4 _  bvisibility:hidden;( ?' y$ A# |. ^, T8 V
}* L; _, y5 i1 A
</style>/ R# d2 F; @& @0 z/ @
<script language="JavaScript1.2">& m3 u$ J$ J0 t; k$ N# U# ~+ x
<!-- 改变下的字体的大小。颜色-->
, s2 Y2 R: X; V9 V% ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 l% _) T8 Y: ]4 A6 R1 e2 pvar hidetimer='';
! `7 d% c, X# [' r# F<!-- 改变下的弹跳速度-->3 y5 u/ D" A5 l8 v6 X
var BallSpeed = 20;
6 _1 m$ ~; w" E* @1 k  ]' Jvar contentWidth;
9 {$ {8 E8 D, y$ O2 V5 Fvar contentHeight;
: h& W; U# y' f5 P/ e2 Yvar maxBallSpeed = 50;
$ G0 m* b" m( t3 `1 u
1 _( r3 U) J9 Z3 c8 Y' z+ o# L! p9 t! q5 g( P% I$ o3 _
var xMax;. n. h  U$ d: _! e
var yMax;$ v) a% o5 O) o8 ^) P6 ]3 z# K9 B
var xPos = 0;7 L: |+ i. N5 v3 M# ]
var yPos = 0;
5 t6 q+ N9 w% W8 J7 Y/ O+ {var xDir = 'right';% f: O& t2 `; X, `3 G% ^
var yDir = 'down';
1 i! F: V/ Z+ v0 X. j* Xvar superballRunning = true;
7 P8 D0 r, A$ D5 G( h  ~var tempBallSpeed;7 y+ m1 `9 U6 v! c% B4 a
var currentBallSrc;$ u4 ^' G& d3 H& V7 f  l* F$ I
var newXDir;
5 D) O+ n# _9 b1 O( rvar newYDir;
- X$ d" ~+ ~4 y1 Z: w' k+ d" I( n, A% \
function initializeBall() {: N, M  K& u" Z* a
   if (document.all) {
" V& H5 u- k4 c% f      xMax = document.body.clientWidth# K* f5 h/ `: J$ c4 N+ [& ~& @
      yMax = document.body.clientHeight  Q$ R8 q6 M$ Y- y9 G& D( J5 }( s
      document.all("supertext").style.visibility = "visible";
' t0 ?# ]- Z8 F, W      contentWidth=supertext.offsetWidth7 h0 r( L# g# A
      contentHeight=supertext.offsetHeight& b- j* Z' B! k* o
      }
2 g% p/ R; c: L$ {8 s: R   else if (document.layers) {  ?* d( H& X0 r8 j3 i2 {; v- J  O% B
      xMax = window.innerWidth;4 Q/ s$ e* u2 R- j
      yMax = window.innerHeight;( x7 F( D  L% _4 d2 B1 K! s6 d
      contentWidth=document.supertext.document.width  i+ I0 }# \/ O( N( S
      contentHeight=document.supertext.document.height8 V& Q. O- T+ N" G' ]
      document.layers["supertext"].visibility = "show";, v7 T4 b- w7 q7 P- G" q
      }
, ]  q+ D8 J( y' J$ k   setTimeout('moveBall()',400);* K/ p" U( f1 D& s  s+ O& p3 E8 a0 y
   if (hidetimer!='')
, b: j2 X2 `& t% i   setTimeout("hidetext()",hidetimer)
& u% y/ w2 }+ g- r7 u, c   }
4 D$ U6 {% N1 y
( M* ^* d& J% G/ X  i- A+ O& gfunction moveBall() {
4 O7 I1 Q! j6 A; Z$ W. b; t& u" ?   if (superballRunning == true) {' E! R% e1 b/ L( ^' U7 Q  V
      calculatePosition();) a" ?1 D+ }/ ]4 A4 B9 e$ M5 e
      if (document.all) {
3 A- O" `5 [" W' N8 p; J         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ Z$ O# {2 `2 a6 @! G8 @         document.all("supertext").style.top = yPos + document.body.scrollTop;4 G3 c5 n/ q4 o" E
         }1 m1 c  G8 r$ G, ^
      else if (document.layers) {
2 B0 F7 s! S. ^8 E         document.layers["supertext"].left = xPos + pageXOffset;& R, e# N3 }+ Q* U9 P
         document.layers["supertext"].top = yPos + pageYOffset;: e4 D, ^) a+ m8 W5 T" d2 Z
         }7 [2 \  [1 j" y) g: w7 _% u" z
      animatetext=setTimeout('moveBall()',20);- D8 a+ Y1 J/ ^9 j5 X$ w0 L
      }9 H# z0 W2 O' ^! _& p
   }
% M1 j3 ?2 t, i& ]$ W' d$ t& r( T# ^! @$ |" i6 m6 V, \
function calculatePosition() {% a4 i& i* X- W/ J# A: v7 H
   if (xDir == "right") {
  b+ L1 Q4 S2 _; S9 B      if (xPos > (xMax - contentWidth - BallSpeed)) {: ~& G; m4 D: ]% S, K7 o/ V: J" v
         xDir = "left";. ]5 {) h7 q7 T, ~' r$ U6 I
         }# q1 m" }8 i& ^6 ~0 I! [
      }$ d4 Q- \1 Q/ p, E' m# j4 M
   else if (xDir == "left") {/ w0 c9 O9 o- T" E1 P/ U1 T
      if (xPos < (0 + BallSpeed)) {
: p1 a' N& r  k# {4 l. T) ]$ e         xDir = "right";
2 M! z+ u, t0 H1 O8 a         }
) E6 ]) y, v* G+ J0 h1 X# _      }3 T, w- k# H; m4 B& E
   if (yDir == "down") {% _. v: J/ w" T$ M( s8 V1 q1 I
      if (yPos > (yMax - contentHeight - BallSpeed)) {" E9 v, U7 V0 X; n! u/ q2 b" `
         yDir = "up";6 R7 H7 ~% Z) W7 I4 c/ H8 W
         }
# y" z" E& K; W8 G/ j# z8 y      }
9 ]- @& v2 m/ f   else if (yDir == "up") {
0 L* y  l9 z  z0 g7 G      if (yPos < (0 + BallSpeed)) {
+ }+ k2 x( Z8 R! ?6 ?' p         yDir = "down";  {$ R9 J6 Y# C' I) G5 g: c4 j
         }
; o# a2 {# |; m5 y/ j$ }3 R      }
$ W8 ~1 w: }2 k$ U4 x9 J; q   if (xDir == "right") {" M7 l/ H2 a# x# S! N: z/ i
      xPos = xPos + BallSpeed;
2 U# K( r8 s+ Y7 i  _- J      }/ V" X+ E+ c3 F+ K9 V4 @. o! r
   else if (xDir == "left") {
8 Y# P; e: I) T. V; X7 T, W1 P      xPos = xPos - BallSpeed;' Q! H1 Z9 \, m4 g
      }! G% [# r- G7 [1 i9 u9 p( [
   else {, F+ ~& e7 ^5 N4 \: N! m2 x
      xPos = xPos;1 p/ z4 H9 R2 ]# @  _. x1 ^. x
      }
& D( C3 Y8 E! U. D: {* s" W. N   if (yDir == "down") {
) k, t3 h8 q8 a2 g      yPos = yPos + BallSpeed;
, k4 q' r/ C; l  m& h      }
+ ?4 o7 p4 {9 ]5 Y, B   else if (yDir == "up") {$ H9 {; g6 g: P6 k
      yPos = yPos - BallSpeed;
$ _$ y$ d/ U8 S- F- V% W2 O2 I' {      }0 A7 d6 R9 ]* v6 I( s
   else {# i! Q  K$ [- ~2 m: `! E
      yPos = yPos;" I# F/ V: f# G& r, u3 c
      }/ x! p7 n, e; G7 ~* L& ~. [
   }
5 g4 T1 l4 h( ^( ^. h7 o
  b9 i7 ]+ Y6 n4 i* zfunction hidetext(){8 X2 v7 w3 u) M. y
if (document.all)" n2 p, p+ G1 |; o' m  G3 d
supertext.style.visibility="hidden": s; L7 O& D5 q+ R
else if (document.layers)
- ^; ]' N2 [* v. O" j3 fdocument.supertext.visibility="hide"$ e; h* B* `6 l  E
clearTimeout(animatetext)
5 ^: S9 o$ _% N/ \}1 W1 u" ^+ V6 N6 c3 j3 }5 v

8 e" ~( C% j9 \4 d0 ?" Fif (document.all||document.layers){
3 q5 o1 h8 h( T. S, O5 bdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 A& s$ B0 Q2 b- _6 Qwindow.onload = initializeBall;
; h& g7 Y2 ~8 `3 U0 G' Zwindow.onresize = new Function("window.location.reload()");  g$ B" p4 R3 ^5 b
}
) m' y7 K; Q9 s4 v* i& ~. D* S
9 ~9 Z1 ]- D& Y/ Y</script>

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