返回列表 发帖

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

<style type="text/css">
- l7 v0 k; c% X#supertext {
. E7 s' r' ^, h3 {6 `4 T! \7 d8 xposition:absolute;
: o! Q) _$ ]- t5 v: pleft:0;
5 a0 \/ F5 G, _) g+ ]2 }) Qtop:0;: A4 j% }& r% _9 G. g
visibility:hide;( @1 e9 E  S% ~% W7 ~/ L/ r& I4 X
visibility:hidden;
( b7 n3 K0 Q) n2 d8 z}
: }; k; N# J4 i</style>
# T, F: S8 ~+ A. S<script language="JavaScript1.2">
2 X+ H( w2 Y2 @9 _<!-- 改变下的字体的大小。颜色-->
  S3 c. C& }# k1 S# h4 f4 g$ I4 o( Kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 O4 T1 i8 R8 S: B' O
var hidetimer='';
0 c( M& ^. `! }# E5 [" K5 G<!-- 改变下的弹跳速度-->
9 p9 T0 Z/ f. lvar BallSpeed = 20;
8 ?0 w6 ?5 A1 g5 ovar contentWidth;7 ^! m9 o  O* j
var contentHeight;6 O! x  P) ?5 i2 A8 z+ S, q& [
var maxBallSpeed = 50;
1 a$ r3 ^! m7 E, _' A3 q1 V: t" _+ D3 R' n

6 }2 `+ n: V/ p+ I/ n/ u  Nvar xMax;
# O1 \: m( A" _# C! d2 E$ \2 j0 J0 vvar yMax;
0 s- W; V7 N& u2 Zvar xPos = 0;# A0 [2 m# X5 ^7 I0 i2 p
var yPos = 0;$ b- S. u- @- c' }
var xDir = 'right';
) K4 f) A: B) C- Z% J  rvar yDir = 'down';
. |) Q8 S# c$ y# B& }! a+ Tvar superballRunning = true;
# s. L, h& P7 J$ k  u) P( v0 nvar tempBallSpeed;* ?. _' _' z' W% H
var currentBallSrc;  [7 d" `6 `' X* W/ [0 N
var newXDir;
/ `" E4 ?* w$ g( ?- L) hvar newYDir;+ U3 [( O! d. j0 g

. ~7 N0 ?6 S3 a: f9 Ifunction initializeBall() {. c- z2 p: p8 Z
   if (document.all) {" w* v/ ^* |+ f6 Z$ U
      xMax = document.body.clientWidth) }) f/ f' i3 e+ o
      yMax = document.body.clientHeight/ }" i" y/ G; u8 C: r
      document.all("supertext").style.visibility = "visible";0 W# I  [  ?3 O+ y. X! ^
      contentWidth=supertext.offsetWidth
7 l" t' u6 G- S0 q& f      contentHeight=supertext.offsetHeight/ P. R- L' o9 _5 r
      }
; c+ x# ?( I% N/ i$ E$ b# C   else if (document.layers) {
' A. j7 u. N7 r" x7 {  @: v      xMax = window.innerWidth;5 y) U5 o$ x" Y) i( y3 Y$ b
      yMax = window.innerHeight;0 P1 E9 i4 `9 f
      contentWidth=document.supertext.document.width6 A; G" r% d* Q
      contentHeight=document.supertext.document.height
6 ?3 \8 ~- I' V" Y9 H      document.layers["supertext"].visibility = "show";
" _# ^7 J3 ]7 a5 I5 s      }
3 \: U" R; c# c9 _, a3 i( G+ C+ [   setTimeout('moveBall()',400);
3 b+ A3 C( J; F3 J6 n8 B& B: o7 O5 s   if (hidetimer!='')4 C3 W2 ~" u1 P9 a, R+ Y+ B! r
   setTimeout("hidetext()",hidetimer)
. i$ S; e. O( M5 T# M% x( p( m   }& }3 V; R! O9 q' N0 U

7 l+ ^/ N" s! }: \8 Tfunction moveBall() {
5 M9 h* A) Y* A5 V& \   if (superballRunning == true) {/ F1 p1 z& B9 o3 X( q& j
      calculatePosition();
4 ~- N: F0 f& o( ~: n      if (document.all) {$ A% t% _8 s: d  _" t* {) J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- ^  p% ~* E5 N         document.all("supertext").style.top = yPos + document.body.scrollTop;* W. J" O- x/ O/ ^
         }
* P$ M1 d7 ^7 [% [      else if (document.layers) {6 O; R. `4 Z! r2 \* L/ U8 P
         document.layers["supertext"].left = xPos + pageXOffset;
6 C  G, x# p: }. z. w         document.layers["supertext"].top = yPos + pageYOffset;1 ~) o, l0 Y: ]$ e
         }
2 l7 B" J, p% {6 D$ J' \  b      animatetext=setTimeout('moveBall()',20);, C) f  \2 h0 E; Z  \5 M
      }" Y- R# ^8 K1 G0 c' ]; B6 y! A
   }- J2 Y! w% k" z7 B+ Z

! E1 }, X, ?7 M1 r" I7 o) d: F+ Ofunction calculatePosition() {
  d% ]" J8 Q( e8 m+ M( N  Q   if (xDir == "right") {
: B; O) [2 ^5 ]: z" a; |$ `/ u      if (xPos > (xMax - contentWidth - BallSpeed)) {" e  v8 Q8 E) \: a1 X% G3 W
         xDir = "left";
  A' x$ E. s$ {* y7 N5 }9 S6 L         }  O0 I  z+ G( n3 t2 r
      }( H4 e- O1 a* K: t6 }
   else if (xDir == "left") {
4 w5 k5 ]9 }) \      if (xPos < (0 + BallSpeed)) {
+ T3 K$ {$ v9 O& _5 E; v' O+ D" F         xDir = "right";$ A# G$ _; t: p8 [; p2 q' t
         }8 L: f0 p9 B; N* j" |" }: m# O
      }# k9 S% o; \; P2 S' t
   if (yDir == "down") {
% v7 {% G3 \1 A, b  t3 t+ t      if (yPos > (yMax - contentHeight - BallSpeed)) {
3 W- Z7 R# y) p1 o         yDir = "up";
  Q$ m% ?/ Q3 C* C         }
# T+ J" t1 ?1 [5 G1 Y      }( r) K  M) Z1 v. u5 O2 S7 d
   else if (yDir == "up") {8 t: _& _- R' _9 ^" c3 z
      if (yPos < (0 + BallSpeed)) {
4 ?1 k% W' c0 v% x9 ~: h         yDir = "down";" x$ t+ B  Z& @7 b. {& j1 U
         }) l6 o$ P7 z4 _; p2 n
      }4 E8 j! u8 u! E9 W0 B* e6 h
   if (xDir == "right") {* i" Z. x5 D! x
      xPos = xPos + BallSpeed;
& D$ X6 w0 N1 Y5 }) ?  ?5 c. [      }
8 R# n; q& b) a( W   else if (xDir == "left") {) e; R, [9 O8 P5 |- r
      xPos = xPos - BallSpeed;; `! O& J4 G: }; |
      }
9 h" B8 ~+ G+ f+ Z   else {
( Y2 s: c" n% C0 u. r; J; ~. S      xPos = xPos;* k, \, Q; p* {3 d6 h9 V9 g5 }7 h
      }7 y, e3 c! `' t2 @/ O
   if (yDir == "down") {$ O  L% ?+ ^7 w! P, Q
      yPos = yPos + BallSpeed;' }; B9 q( F. o7 f  q
      }
* z8 K0 f7 ^0 {& n! S& y   else if (yDir == "up") {  x0 ^+ g2 w" P$ [, f
      yPos = yPos - BallSpeed;2 A% n8 w: x+ n! G+ H6 U
      }
$ N- w! }! Z) V) _9 y# b   else {: W" X" m. D- ?! y" H
      yPos = yPos;& x: S: A. V: Q3 k. J  Y! \
      }8 r' f; c" n4 b: F8 J& O* Z
   }, r8 }9 H! y- o# N
3 H9 _6 H: `" p; T
function hidetext(){
0 ?7 q1 g; @+ {/ Zif (document.all)
6 V8 i4 s9 L& [: Tsupertext.style.visibility="hidden"
' ]6 k) g5 q/ c1 F/ Selse if (document.layers)7 l+ x# D8 b, k" r5 R# g
document.supertext.visibility="hide"& g0 v( I; q& h! E7 O
clearTimeout(animatetext)& W- c% ^- t8 Q7 ]+ i6 J
}1 K  y- z$ i! @" n# x: ?

* ]9 Z! g1 J# @4 H! X2 [: kif (document.all||document.layers){3 M9 M6 A! E4 o  R7 b' o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')) @" r5 L) O, O9 R) g7 P: T4 Q2 ]
window.onload = initializeBall;( R8 w* O- C+ z0 A
window.onresize = new Function("window.location.reload()");4 z# E; c9 {3 j. _! [
}
  k* ?! \0 ]9 }" J% u8 u
1 |; S6 _$ F' F$ B  X% k+ e7 [8 ?- {8 J</script>

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