返回列表 发帖

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

<style type="text/css">
% U7 }) B7 i4 ^0 G1 Z#supertext {
6 [. J) t" W  W7 q7 R; Y- y$ Iposition:absolute;0 S9 w1 ]6 ]5 B( F1 r
left:0;
/ ]- R2 r  G5 [1 k6 h0 I/ Ztop:0;+ m+ x! }% i% p+ z$ g
visibility:hide;' u3 Q- ]; F# e0 s* w5 B* J1 X
visibility:hidden;  V9 F. v  V! P) s  O
}. l! I' \. i7 z/ C( C$ r; m" H
</style>
9 B. {* M" v+ n/ z<script language="JavaScript1.2">. {' [- o. m+ h4 E9 x  x! y$ I
<!-- 改变下的字体的大小。颜色-->8 l4 w9 j( b; U. N2 b0 P
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, P, p+ l8 K( ^2 }2 f2 n5 R, J, S& Avar hidetimer='';1 e9 G$ h/ _" u1 B* e
<!-- 改变下的弹跳速度-->
+ R; F2 j$ l2 c) yvar BallSpeed = 20;
6 l4 s- m! n1 j  Q& a9 `% avar contentWidth;
% y5 _2 l8 Q0 P8 Q/ Mvar contentHeight;* i( m  X  A) o$ w
var maxBallSpeed = 50;) A  S7 j* Z3 @3 j/ `: `

7 c' @! g4 l% I0 V$ r. t- k% y' e( H7 u5 Y
var xMax;
$ t, ^, j; p6 z: J( M( x; V8 ]var yMax;
1 }/ C% f. z# V+ g0 j/ nvar xPos = 0;
& e# D* B# [: V* n! \2 A+ Vvar yPos = 0;2 _5 U7 R- N$ Z- D' @
var xDir = 'right';
. T, k! x& I) A5 ?2 W9 N7 mvar yDir = 'down';
( w2 e" s( F5 N3 m* D* u' ^var superballRunning = true;
# ~; g3 U8 b1 Q6 L: m* nvar tempBallSpeed;% C% H2 ~* B3 Q2 U) ~
var currentBallSrc;
5 i- G' E9 \+ E4 {0 Z3 E6 ^var newXDir;" f6 q) \9 Q. b! L( p4 b! I7 g  H
var newYDir;
, A  J0 v* Y) l# t- h9 b9 q5 g3 S+ I1 H% {/ w: L
function initializeBall() {# k$ a6 Z. `! |- D  P) E  k
   if (document.all) {/ N7 `0 A8 a: v- o" e- T
      xMax = document.body.clientWidth5 X2 T( H% g$ M' k, D8 _9 L
      yMax = document.body.clientHeight" _7 z& M) {  i6 p, I1 R2 S" y/ s
      document.all("supertext").style.visibility = "visible";
0 U% [. B  o  _# q7 M8 v      contentWidth=supertext.offsetWidth7 F+ S. v2 _  L! e% O* @
      contentHeight=supertext.offsetHeight1 _7 Y1 I+ [7 L( u3 G, P' p
      }/ d7 a; z5 U( b% {* g
   else if (document.layers) {
1 Q; @" O, G( c$ x6 Y0 W      xMax = window.innerWidth;
) V8 R0 N6 F8 a/ S# n      yMax = window.innerHeight;
5 p9 Q! L$ M" F      contentWidth=document.supertext.document.width, W+ {2 Z1 X& I! `9 X2 A; m; z
      contentHeight=document.supertext.document.height' b8 E) R3 B0 s  w! W
      document.layers["supertext"].visibility = "show";
/ @7 B4 k& a4 @5 l: M      }
7 f  D% S! {8 g2 @   setTimeout('moveBall()',400);- K& Q% G0 L+ U; U3 n, T' g* s
   if (hidetimer!='')/ J7 Z1 i& Q& X
   setTimeout("hidetext()",hidetimer)
2 d3 p9 Y  M& d7 ~; w" k3 q* w   }$ a/ |( A: B4 n2 L0 O% y8 |% t
+ h# U* L) z" E. c
function moveBall() {
9 k6 [3 H, o) W+ f# `0 j4 z, V+ L6 a+ j   if (superballRunning == true) {; _* `, x4 s1 o8 |
      calculatePosition();& G! ]5 l' u* ^& f8 u
      if (document.all) {
5 \: F  T; c/ V+ W4 O7 [/ T! k         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! H2 B& ]3 N* T& w- w         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ r5 I) c; u. p& o" H  I  H         }! c& w5 T5 K( [2 W
      else if (document.layers) {
- }3 }- B" f0 Y( c% v( ?) V5 T         document.layers["supertext"].left = xPos + pageXOffset;
+ d5 C  D7 c2 g0 r) Z         document.layers["supertext"].top = yPos + pageYOffset;
/ L- z% @- ?4 c- p- |; K  G2 w         }* U( ]" b' Y1 C1 f1 ^
      animatetext=setTimeout('moveBall()',20);
5 q  B6 o3 T* u% C0 E      }
3 r% e6 O* E9 [- ~% g   }
! D# o7 A7 R# g( [$ U9 M- Q( w: n: ^( s( ?. o* f. D- m
function calculatePosition() {
4 E3 Z, N4 |! W6 ]- h   if (xDir == "right") {8 y! t( f$ g- L& L% D3 Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {% a4 C: j6 P( R$ b" B# s
         xDir = "left";4 q; v2 ]- t. l# d/ A  x6 E
         }
) e8 X! a- t5 a* M      }# b8 X1 ]0 H3 H- d+ _* }" B  n6 d+ |* \
   else if (xDir == "left") {
% \- h* D& q9 S3 f  u, G8 y! j) Z      if (xPos < (0 + BallSpeed)) {
; _9 l; c4 h. f# w0 e3 R         xDir = "right";
+ n% Q' q2 j; G5 \; \, y$ m         }
; k) Q3 @% Z+ S      }, a+ b" i5 G9 }* h& s' Z/ ]
   if (yDir == "down") {
2 e9 A, P6 s; I3 z! ]' B! J      if (yPos > (yMax - contentHeight - BallSpeed)) {
' C6 J( a0 T; p- f+ i         yDir = "up";
9 N3 E( t% `! P9 o% w         }9 ^, o0 U* o. |
      }9 I6 b4 w) [9 j& ^* v: u9 V: J# C
   else if (yDir == "up") {" _- d/ v! N; x! E# y% V
      if (yPos < (0 + BallSpeed)) {
2 n( D* K9 v3 ~* j/ ~, K, i: u         yDir = "down";3 i2 z0 m6 B" e+ o( r3 n
         }
! _  B/ f8 ~$ V' `9 k+ O      }
) }8 |! |7 M( v9 u) i7 p   if (xDir == "right") {' D; ~8 H; o4 Y% c; h2 [
      xPos = xPos + BallSpeed;
9 A+ j0 b1 ^3 |( v( m( u" H0 U      }: n3 C3 Y6 O% i# L. c$ k" r
   else if (xDir == "left") {
8 ?* I, c7 h: r! H      xPos = xPos - BallSpeed;
, \0 n/ Z& J5 g; b6 i      }
! f* z; b) c/ r0 @. h+ j7 o. ~# `" a   else {
5 j2 v- M. [7 Y$ a+ f0 p9 c      xPos = xPos;! W9 E! N2 f1 D9 N
      }0 k, x/ P" v- ]; @
   if (yDir == "down") {5 J6 i/ b1 I6 a. K8 m# {
      yPos = yPos + BallSpeed;
/ }/ i  \3 o2 Z) q      }8 [2 M& B7 M9 Z6 L# o; [3 C
   else if (yDir == "up") {
) B7 ^! z9 F5 {1 z" J      yPos = yPos - BallSpeed;+ R4 M2 w) v. I0 l
      }. Q: Z! |) ~: O' y+ P6 N% q
   else {
2 k9 I) w- [7 T) Y0 {+ F! t- K      yPos = yPos;8 T. ~5 h# @8 E- O, x
      }
% r1 d! y2 M  y; x( F( @* W# J8 [3 M   }
2 J2 m- C. e3 k/ W& L+ t5 n, E% z( c& }5 K9 s" }, f
function hidetext(){
4 u3 q# _4 m1 @; I8 Q4 bif (document.all)# c0 K0 T! b2 A5 B& i# w
supertext.style.visibility="hidden"
  ]2 ]- d/ l( u- k! U  Q2 Lelse if (document.layers)+ l, J) L. J3 E
document.supertext.visibility="hide"
, @4 g, P3 E- k1 @; V6 B  QclearTimeout(animatetext)
9 ^' q( l' G. I! R/ @. @6 R}
& _, o2 G) B+ x2 o) c9 R
( D0 l% q' n- E  m, H6 eif (document.all||document.layers){
! \" u# e+ ]  Y# w5 Adocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' p, l( y" [- w6 f) Bwindow.onload = initializeBall;" w6 @3 u$ O( D8 U0 J
window.onresize = new Function("window.location.reload()");
2 S( \2 Z; L* q) k}! d1 a3 L, ?; ^% e0 L

! R6 n* ?& n2 |2 B</script>

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