返回列表 发帖

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

<style type="text/css">
9 i8 z* o6 r6 x9 T* V+ `#supertext {: G: Z0 K  I4 r" q( f5 d4 I
position:absolute;
  D+ {+ d" ~4 Z1 F7 T3 M3 Xleft:0;
0 g( v6 \) d2 r; l8 itop:0;8 i5 `; _* \" S/ f% w0 ]+ x
visibility:hide;/ Y; S: _# ]! Q0 t1 ^
visibility:hidden;
( E- M6 J4 Q- O+ ~# z/ A( h}
3 h7 g' _6 ^, h' E2 {9 b# V</style>
) L: t- D6 q5 ]$ t) u<script language="JavaScript1.2">  k; g6 y' a8 J& o4 _
<!-- 改变下的字体的大小。颜色-->
9 U/ b* W( b1 ]( X' lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
. t. B# q. \9 ]var hidetimer='';
0 q) V2 u4 \8 e<!-- 改变下的弹跳速度-->
! O) _& v( _+ q; \9 F- A& X7 [var BallSpeed = 20;
  D2 `& }, }. [( ^9 V) T; ivar contentWidth;& \9 b. @5 e  d% d! m
var contentHeight;  i* l# T  ^% b  Z- f
var maxBallSpeed = 50;9 ^* ^3 B1 ]+ e" ?! E  {
9 Q. P, M  X+ }- y/ u
. p( w5 s/ Q1 {, e+ T( C
var xMax;) m9 E% @! A) b% V" `6 Q8 r
var yMax;  e  c+ L, Q3 e
var xPos = 0;
0 P8 |5 k; G4 {1 L3 N3 m4 U) Z5 cvar yPos = 0;5 k6 J0 U* q2 V9 T9 B$ R
var xDir = 'right';' V, e" c& J3 R3 X
var yDir = 'down';
* @4 \7 T+ ^4 u! p" gvar superballRunning = true;, \/ |/ ^. l) Q4 G; F0 Z
var tempBallSpeed;
. h: l8 I% z  cvar currentBallSrc;
- ^# H1 L2 M5 Xvar newXDir;
% m. r2 d4 [2 h- s# }var newYDir;* g  N* p& L% W" Z

! A" l7 P) G: O  H6 ]9 ?6 K( J; dfunction initializeBall() {
# h- ]# W5 g0 W2 q6 Z/ y5 l0 S  I   if (document.all) {
4 e) j; o4 N2 e5 E& R" m      xMax = document.body.clientWidth
3 m4 K  o/ v' s( @, A5 R8 E5 n; }      yMax = document.body.clientHeight  L4 R0 |% x5 ?$ D% n% @" I
      document.all("supertext").style.visibility = "visible";) J% S: C) S) t& `7 i
      contentWidth=supertext.offsetWidth4 ~1 ^9 h+ E# [6 k
      contentHeight=supertext.offsetHeight
- o& ?, N% P6 R# h0 P      }: R+ Z# j1 `2 o( ~: q$ Z
   else if (document.layers) {1 \2 W: T0 l. B1 C
      xMax = window.innerWidth;
$ q: u4 T) f/ ^! m      yMax = window.innerHeight;/ }# F5 M) F. W" ~, v( K
      contentWidth=document.supertext.document.width; @; v6 {! v; C% F$ m! `( Z
      contentHeight=document.supertext.document.height
9 Z% d% V& j; y0 Y+ g      document.layers["supertext"].visibility = "show";& q) {' c; w" }) I, T4 V. X7 v
      }  V* Z  m! Z$ g" j; I* f1 V
   setTimeout('moveBall()',400);
1 m  E6 W+ [" S   if (hidetimer!='')/ n# w1 v* [' V) j) J4 M* k
   setTimeout("hidetext()",hidetimer)
2 C2 \* z( q: H) `6 |) ~   }
2 F7 V# [6 G+ I  O' I6 t2 L( S
6 W( Z9 Z' C; R, Z5 ^8 ~# ^! e' Qfunction moveBall() {3 P+ A3 \$ a0 F0 ~
   if (superballRunning == true) {6 C1 L6 t0 r# T8 r& u4 q+ q, i0 l
      calculatePosition();
' P, o+ Y  ^# B6 y* {2 }      if (document.all) {
' U5 u0 K5 C. }& f1 u         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" @( u2 z/ _2 y, m$ L* e         document.all("supertext").style.top = yPos + document.body.scrollTop;4 b: `" x% N  P  R( B/ m
         }
5 |' `  Y2 d; i/ O, v      else if (document.layers) {
! h+ J- P7 a% a& K. v         document.layers["supertext"].left = xPos + pageXOffset;2 u* X) p2 L2 M5 w. U' [& _
         document.layers["supertext"].top = yPos + pageYOffset;$ q7 |/ i! `! }. w5 J
         }0 {+ ], t2 x2 ~, _0 ?0 k3 F3 |8 Z
      animatetext=setTimeout('moveBall()',20);
% z( o( J) c# e+ q      }
4 E$ b* W# f7 e5 l& c1 F   }
8 E3 B" ^1 \( |  H4 Q
# {" p1 ?1 f1 }8 H5 lfunction calculatePosition() {1 H9 g; w- r# C3 e1 k5 `; j  X
   if (xDir == "right") {
: F0 Y% U) H, d/ \* @      if (xPos > (xMax - contentWidth - BallSpeed)) {
' f# j  p0 r" u( e& Z, p- ?0 N" c" `         xDir = "left";+ c" u2 F7 I0 l
         }2 a3 {$ c: v, H& v0 j
      }
5 M* _( ?& `3 B4 S% q( P   else if (xDir == "left") {
4 Q" g1 |  i* ]% ]      if (xPos < (0 + BallSpeed)) {
- M) V, r9 ~) f         xDir = "right";" V* X* T4 L; O/ J; p; [3 i) N7 {
         }* {7 n8 i/ M3 w8 c
      }
6 d7 G/ Z8 ?# q) w   if (yDir == "down") {
- t* _$ s, e. w8 R& B% A' @      if (yPos > (yMax - contentHeight - BallSpeed)) {
% ?& z5 g& u! f         yDir = "up";, N4 H* H8 K0 i' h  g
         }
8 [% ^) F2 N# L8 @/ H+ T+ Z$ s, X6 n7 `      }
2 t5 i6 |5 x: K   else if (yDir == "up") {
2 _# w6 n+ ~- n8 V: ?1 d+ U      if (yPos < (0 + BallSpeed)) {
; n+ i3 R# a' V         yDir = "down";
5 W4 g8 e3 \7 V3 K: q3 Q' D         }5 [. Z5 ^2 X- Z6 Z. Z7 u
      }7 G$ {6 W9 E. M" g
   if (xDir == "right") {
/ M& T. G1 B* L; z1 L; w      xPos = xPos + BallSpeed;. A2 d6 D( f0 _+ m
      }
6 z- x6 \: p9 s4 S: W   else if (xDir == "left") {
* ^* U: Q+ Q1 \      xPos = xPos - BallSpeed;5 V. r' ?$ B: l# C, y- K/ ?5 Q; s8 b
      }5 i  Q* u- g' W, H
   else {0 E+ ]1 ?9 k" K$ @7 J
      xPos = xPos;0 `4 Z/ J6 T  m) h
      }8 a9 _2 a: `  X3 h/ `3 G% Q( J0 M
   if (yDir == "down") {5 N3 s# L6 c) \7 P9 H3 d* `( U  w
      yPos = yPos + BallSpeed;
% I$ y: k; E6 Y5 l; C      }2 f6 j3 U. J5 ^: d! R/ `3 f
   else if (yDir == "up") {6 ~4 P! e; r, F  ]+ j
      yPos = yPos - BallSpeed;! m( G4 B9 X. b5 a8 h; k
      }
' _! N7 j! D0 O   else {
8 a, h- I2 `1 u. J3 w) u      yPos = yPos;8 x" T9 d" p* m) P4 s8 W6 ]
      }
- ~; _# M1 h$ }- u& D   }' L0 q/ z. ]7 r! E

: l, n  J% Y% S0 s8 k) ^function hidetext(){8 a; l$ o/ J) C1 O5 \% Q
if (document.all)
+ {' Q: R) n& Ssupertext.style.visibility="hidden"
2 V. W/ s1 R, @+ oelse if (document.layers)9 b6 N: |7 A& @- c  Q3 i
document.supertext.visibility="hide"/ l. ^4 u- f% n/ o* Y  {
clearTimeout(animatetext). G: q2 c. Z9 w, n) F6 m3 k* i- A
}
' w5 |0 y6 Z" L% Y3 Z. f0 y; d2 n! }* @" d9 F" J; v1 L
if (document.all||document.layers){( e& |5 V; {( K- H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( X3 @: r( @. C8 R4 B! d/ l
window.onload = initializeBall;
2 O6 d  A1 L; |- @7 R5 X, B6 Uwindow.onresize = new Function("window.location.reload()");
& ?1 ~' f$ r0 b( N- A. T1 G}
/ e* X# r& f6 O  @% |/ E9 @- \  a: r& |, R' i5 _3 Q( m
</script>

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