返回列表 发帖

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

<style type="text/css">* L! T$ S4 J. E/ O4 i$ B
#supertext {
7 a0 v" E5 J& [' e9 b5 {. N- mposition:absolute;, H$ i- w. _* X" D4 j3 q
left:0;
2 x" @/ E& Z* g+ ytop:0;
- V" S4 W' Z' Z5 I: }5 Yvisibility:hide;5 G  B! E9 A6 o) E2 ?) O7 w3 T% y
visibility:hidden;
: _& j' M8 t+ Q7 v/ |* b}
5 n5 k0 s/ v1 q7 W</style>* g) t  V- O; D* d
<script language="JavaScript1.2">4 U- d4 o. [% @. X6 z% o# v: {, z
<!-- 改变下的字体的大小。颜色-->
: v0 i8 J( x' b& j1 Evar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 a1 B. o3 {$ t& j: G7 e
var hidetimer='';8 U( z+ U. M+ H+ E
<!-- 改变下的弹跳速度-->4 s5 ]$ O) p0 a
var BallSpeed = 20;
$ R. I) f/ ]; q3 `var contentWidth;, H& l- e) ]( i. m  b; |
var contentHeight;
8 ~4 @0 g. ~$ Y1 I/ t. j$ Dvar maxBallSpeed = 50;- o0 f' _( J) z2 R" L
" D4 d9 P+ U; L7 T9 u8 U

1 j* L2 M6 l4 t) w- z" o, avar xMax;
+ q/ A, |" Y! T+ D8 {! S( u: nvar yMax;
2 Z6 b, \1 M  S: m' r" a1 pvar xPos = 0;2 u0 O% K  e0 m4 `6 Z7 }  w
var yPos = 0;
  o, H0 _8 A4 x$ `/ M7 e! Yvar xDir = 'right';) G( D% E. Q3 ?: K6 F/ U
var yDir = 'down';- ~2 s. J! Q3 c& `0 A
var superballRunning = true;
. |! I4 V* {9 k0 Y0 q; Jvar tempBallSpeed;$ r- |* i2 ~" z9 G$ b$ D
var currentBallSrc;+ ]5 C- u- Q' I, B' A$ D" E
var newXDir;
- A' U# V; @+ }+ u0 V+ W' yvar newYDir;
# Q! D# c- a' G+ ^* Y; a) K& }" L. N1 o, }: G6 S2 ^
function initializeBall() {' j4 U' l) r8 I
   if (document.all) {
  G/ _; P7 _; Y) p9 B      xMax = document.body.clientWidth
  ]: i3 G5 \  w+ c2 j: S      yMax = document.body.clientHeight
9 _; y  a& k4 C3 O& G      document.all("supertext").style.visibility = "visible";+ U% B* F7 I% l, p- `
      contentWidth=supertext.offsetWidth
$ n  t4 `( N' [# z, D      contentHeight=supertext.offsetHeight
1 E" x  W7 l1 N5 i      }/ p' _2 Y1 ^' d3 ?" e6 L
   else if (document.layers) {+ J' C' `8 W6 m6 g
      xMax = window.innerWidth;
9 T) v( ?# o; A6 E4 _      yMax = window.innerHeight;0 j' A0 u  j+ p
      contentWidth=document.supertext.document.width
3 x! s6 {" h6 y: R% S      contentHeight=document.supertext.document.height
. B' \  L9 o' D7 o1 h* ]      document.layers["supertext"].visibility = "show";
! [' w3 O! O( [& m3 D4 b% \      }
, F# b' `7 [: Q. p   setTimeout('moveBall()',400);; f# k# D/ r; T# ~
   if (hidetimer!='')* j- J  r. f0 v# M- [
   setTimeout("hidetext()",hidetimer)
' b, T. H0 P2 C1 p  s) O* Z. d   }
# N' r3 \, `0 U; m7 r; \. h9 A* G4 q* r
function moveBall() {
3 l- R5 `2 |9 C   if (superballRunning == true) {
% C# {8 I' L. d0 U( X5 Y" q5 g      calculatePosition();
- y2 P2 [* S8 C8 k! O8 k      if (document.all) {
6 X4 {, N5 a* t3 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 u. o4 [3 M: ^$ ^9 \         document.all("supertext").style.top = yPos + document.body.scrollTop;/ N& J4 l1 r. |& |0 Y: O
         }
! G$ Y! x. r) n+ |# U1 i1 o      else if (document.layers) {
) g1 a7 }: |* _3 t         document.layers["supertext"].left = xPos + pageXOffset;* K/ p( Y& z! B& }# ?
         document.layers["supertext"].top = yPos + pageYOffset;2 P% t* C  A, Y+ o& [1 k
         }. a/ \. K6 ?5 H; T
      animatetext=setTimeout('moveBall()',20);6 {# {/ J7 M) p9 {0 `/ J( C1 {5 u/ I" U' F
      }
& z# E0 v' R% b, \0 }, {) \, \   }
: G) ~7 [0 }0 b7 N
# n0 `5 k' J8 ^3 Lfunction calculatePosition() {
( B+ o" s8 G' ]9 L. g9 U( R   if (xDir == "right") {
6 U0 ~6 C1 v( g& ?      if (xPos > (xMax - contentWidth - BallSpeed)) {
2 ?" w7 h; s7 q: ?2 u         xDir = "left";5 T  v, V! f4 K" A3 a) O
         }
' l0 x; ~0 Z- e' G$ |" U( t      }6 r# @9 O3 ?+ v
   else if (xDir == "left") {
% e" D/ L' V7 J/ N9 i+ U      if (xPos < (0 + BallSpeed)) {1 |9 @( o: A0 f& _; q
         xDir = "right";% e/ ^$ F4 _+ P* }
         }
  D* N$ l7 D! R) F4 T2 ~      }
5 Z1 q9 f0 p% n  C' L   if (yDir == "down") {
8 Z+ e9 ]5 |& M* P6 I: I      if (yPos > (yMax - contentHeight - BallSpeed)) {
: A; L3 ]  E: }' S6 Q, o  U         yDir = "up";
& Z, Y9 D! X" E9 q         }
: e2 j7 Q: K; @) h      }
* e+ T0 E9 P1 k$ L7 {, \- H. ?   else if (yDir == "up") {
) a; i1 [& b- G- g      if (yPos < (0 + BallSpeed)) {( ~% B( C2 A, Z; m- z+ Q
         yDir = "down";
0 m9 U1 t0 U. n         }; c+ e& y4 n: `6 }
      }! S0 w; C( `6 T* i# w
   if (xDir == "right") {& j2 A* h8 U6 O+ u# {
      xPos = xPos + BallSpeed;; ^1 S# s( m  h& X
      }
- b: ]1 {& @1 |   else if (xDir == "left") {
( m* U- u# p' y0 j* W- @- j      xPos = xPos - BallSpeed;
3 @; z* g. O5 f      }7 o! k0 P, h0 \: {5 j  d$ c
   else {. {0 @" ]9 s, R; v+ _% V6 m( S
      xPos = xPos;5 f; d" Z8 U$ f- ^/ c' a
      }
$ r( C- f9 c5 H) u, L- t4 d   if (yDir == "down") {
, Y9 e) _5 O9 n0 C9 [$ F3 @1 D) V      yPos = yPos + BallSpeed;
5 Y7 i+ p8 t( i) J      }
: i# P$ r  @9 ^9 k+ d: {$ t   else if (yDir == "up") {
+ v& L1 D6 N1 \" Q1 L7 n      yPos = yPos - BallSpeed;
/ e+ B) m4 m; R" g, z7 G. b& Y8 S      }
; ~" z. m. R# O5 K! z/ v   else {
* [& M1 j- }9 R4 k: Z& l) m      yPos = yPos;/ a  j  a: l' F0 c0 ~- B
      }/ X/ ?& {8 S) V* ]' B6 B5 ~
   }
) W  S0 j1 F* Q* v& p! h' ~6 {6 b/ A6 w: M+ w
function hidetext(){
+ H# }2 z$ {1 M) W, Aif (document.all)
4 d  Z' d0 E0 W, F! wsupertext.style.visibility="hidden"4 N, _7 T" B/ q( F
else if (document.layers)) Z  x6 K5 x% S# [' }' N
document.supertext.visibility="hide"( K: m; w$ x" y) S& V; X- p  v
clearTimeout(animatetext): _& N$ E4 y; N. `: g
}
1 ^, b3 G; `2 J! X( w% D+ H' ]
$ t: _, h% y. X- S/ N9 R1 _if (document.all||document.layers){! J# K# |  Z) N' T9 V3 P5 g/ ~
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; X2 Z/ j; J& i  N) d( Mwindow.onload = initializeBall;
" `5 Y$ ~* s" g! L8 I9 M1 owindow.onresize = new Function("window.location.reload()");
' D7 D! E- q# X; T. I; N) j9 ]}
3 L: F8 S6 W$ [, S( r3 d0 \1 w6 F/ Y3 k6 d* W
</script>

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