返回列表 发帖

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

<style type="text/css">
: y7 n8 i4 X1 ^' {' _#supertext {
" z. _! N9 Y5 J& Y: V% H9 cposition:absolute;! h4 _9 e0 H- ]0 N5 ]4 h: V
left:0;, K! @6 e; n1 N6 j) h( ]4 ?
top:0;
! Y: W* l+ T4 C4 b0 dvisibility:hide;/ g% V- h2 c: j! m, O0 W
visibility:hidden;
! }' e- G5 q4 j! U5 T% ^' \}! v& {3 K! ?0 u* r& Q
</style>
, Y( d- G/ D, z+ {<script language="JavaScript1.2">
- Z: Y8 V9 s$ h- s: ?. p7 `<!-- 改变下的字体的大小。颜色-->
8 O* A( D2 _$ R- s# ^  h# Ivar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
, W) }% B9 B! \# H# D: G: Z: C- cvar hidetimer='';/ O% s$ D9 E, A3 j8 ^
<!-- 改变下的弹跳速度-->+ t1 g8 w+ p. j% i
var BallSpeed = 20;& T8 [- k# g' m9 n! C* J) ]3 a
var contentWidth;& y1 q1 z8 g1 ]" m6 [/ o8 q
var contentHeight;4 j' ~; A0 E$ \% i" q" y
var maxBallSpeed = 50;
9 ?/ h3 Q2 G' Y
( z$ S7 c" u' i: A4 W5 A3 |' {- n
: t7 ^: I7 j( m: O3 uvar xMax;
0 y5 ^( U; K8 [9 l) [7 Mvar yMax;
1 n- w1 O. Z9 B* K/ x$ Ivar xPos = 0;
# {; y9 A3 a* `5 t9 V) jvar yPos = 0;
4 s& ]  ]* T- I5 K+ z' Yvar xDir = 'right';
9 Z% s4 r9 Z7 I7 b. H) vvar yDir = 'down';' e( @) O+ T6 _- E$ N. h* y
var superballRunning = true;
1 ?( _* H1 m5 t. e5 Q9 b0 Kvar tempBallSpeed;/ z! O' A5 j- w. T9 ]& A
var currentBallSrc;; D: ~6 K/ `8 J( a
var newXDir;
( m$ ^7 k! o# ?, O1 l) b9 ^' C$ i* \" dvar newYDir;" g* p0 v- R5 C3 V: w6 W
, ^6 G1 {( v* k
function initializeBall() {
2 ^# {$ P+ H, `7 Q, [6 T! X4 i   if (document.all) {
& w$ ]' s/ q- L) _4 H) {! l" r: k      xMax = document.body.clientWidth
' d/ r. D2 z' O, x& N8 E; A      yMax = document.body.clientHeight
2 [5 V3 W# i- A9 l4 G! t1 J      document.all("supertext").style.visibility = "visible";
0 I1 }% l4 O6 M      contentWidth=supertext.offsetWidth
, \/ n. l- R0 w$ R" O      contentHeight=supertext.offsetHeight
7 d8 W' E' A* M+ G      }
3 t8 l5 ~  R2 [& S+ c   else if (document.layers) {
" r7 b' o3 N$ v* F! s# U/ T5 F      xMax = window.innerWidth;
" b  H- m6 J; M5 [: t" J      yMax = window.innerHeight;) C$ W% K) V* z/ g- U: l+ @
      contentWidth=document.supertext.document.width- K) w9 R5 R, y, m9 d; Y; I% {
      contentHeight=document.supertext.document.height
/ R: T" @/ M, [" a      document.layers["supertext"].visibility = "show";
; C4 {. r  C! O' I& I      }
( f+ W. T% ^( u' }1 n- V   setTimeout('moveBall()',400);
- x6 _( W; p4 f! C$ t   if (hidetimer!='')! \: b9 P& s3 n, Q$ ]9 A: B  G
   setTimeout("hidetext()",hidetimer)7 ~  V: l4 r6 \" c: g
   }  W! K0 ^2 |5 Y  E

8 q8 c! k1 @( _0 [5 e& ?* H8 p- Ffunction moveBall() {
3 F5 a6 d& A. w0 F4 c& y3 G8 d8 G" Q   if (superballRunning == true) {' c% o+ p2 F6 _" o
      calculatePosition();2 ~; q- Z5 P0 C, [3 u
      if (document.all) {) r  a' _0 `0 O* o% [0 r& C
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 {% I$ [& K+ Y. o& ^         document.all("supertext").style.top = yPos + document.body.scrollTop;% [0 G# V5 i" k
         }
: Z/ P. B( N% e3 b7 X      else if (document.layers) {, g: h8 |9 q( b8 F  C6 J
         document.layers["supertext"].left = xPos + pageXOffset;4 E4 F9 [  s( l* m8 i. P% C5 ?8 o4 y
         document.layers["supertext"].top = yPos + pageYOffset;
% x# ?' t) W- w4 ^3 R% [! X         }% s7 @! G0 R9 U. G
      animatetext=setTimeout('moveBall()',20);8 E' p6 B# [3 J* K4 g) L
      }! Q2 M4 d, a- r( M# y( |2 E! }
   }
) A! I% `) G  S- g  L6 Y5 u
/ Z  h6 K2 z2 B; o4 Mfunction calculatePosition() {9 D" {9 K- B: C/ E4 b* P: o2 m
   if (xDir == "right") {
2 {" z  z! B9 o, Y4 i      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 L! z0 B+ i+ l$ g9 Y         xDir = "left";! _+ I% a0 t$ Y' N+ A& @) ~# c
         }' F3 c# G( I% F4 F* m0 ^2 W
      }
& j6 A9 E* Z/ o  t5 }0 ^. b   else if (xDir == "left") {3 E. ]( h4 f: @" b1 t
      if (xPos < (0 + BallSpeed)) {
  n$ F7 }5 M2 K# C* E         xDir = "right";& {1 r0 j6 u" l& M$ W3 \
         }: p# H. `# E- @
      }3 p* w$ D( y: {* N* _7 m( K7 N
   if (yDir == "down") {# v' n1 h6 S6 J4 u) I
      if (yPos > (yMax - contentHeight - BallSpeed)) {5 k" V  K( x$ L( }) {7 M) Q
         yDir = "up";% k% \/ G& D, a& Q: u- x
         }
+ I+ F2 Z! I+ i% o7 s/ C! x      }
2 B5 [8 k! n0 e; m6 M   else if (yDir == "up") {- G) {+ O- K8 S9 @0 I+ @% K
      if (yPos < (0 + BallSpeed)) {
' p2 s/ g2 |+ o! ^" b, a! F         yDir = "down";* ^+ d) Q, \2 g( f9 T, @
         }; k5 U% }# S! ?+ V$ O# h0 A
      }% t+ I6 P6 v8 X+ g
   if (xDir == "right") {
) m: [6 A- u; @* V8 o      xPos = xPos + BallSpeed;# E0 _' B+ ^  O2 m7 \$ s
      }
2 p, D# a9 R% h" H; F   else if (xDir == "left") {
! v' N/ f$ p2 \      xPos = xPos - BallSpeed;
5 I: j0 {& H1 e5 Y/ c      }
0 N* Z8 N' j& `1 A. N3 C$ x6 o   else {
; F, @8 ~- D5 o# e      xPos = xPos;
0 K3 G. e0 J5 w; w      }; |/ v8 e+ j% F; @9 z; K  w* w
   if (yDir == "down") {
/ g  @+ n+ J( K/ }; F8 K      yPos = yPos + BallSpeed;
& p6 t4 [. H0 L# T7 n/ T      }
# ~) M4 h3 A2 k" z) i   else if (yDir == "up") {
- Q% {" Q  w7 ^+ \7 H1 h# y      yPos = yPos - BallSpeed;9 n# Y0 O" Y6 o8 a2 P. `
      }5 _2 h5 h# u. j
   else {
! \1 ^5 u7 p+ \9 R7 d8 E& u3 i      yPos = yPos;3 W, p9 Y$ w9 Z! F0 U9 ^; _
      }
5 Q: t" i2 g  j& @5 y0 h   }
$ i* e+ e( Q9 ]' b
9 z1 Q+ d; b; T  p$ e# Kfunction hidetext(){
' y& j6 F; I9 |  @* |" Yif (document.all). A) k3 |8 A! ]; u2 X$ F
supertext.style.visibility="hidden"
( H9 m) I. }3 X. |- r- ?: c+ Ielse if (document.layers)
6 p  G$ [9 Z& r' ^$ Q% S4 hdocument.supertext.visibility="hide"
, }* b5 r: t- w( D4 oclearTimeout(animatetext)
! P) M+ x, a; T: U8 `7 K5 y" ^- L}
( }, h% t4 t4 Z# b$ B8 i7 c8 h0 C# U% E1 Q! z
if (document.all||document.layers){
  H7 D6 g0 a8 `. o+ X8 m) i8 ^" X6 cdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' U7 J  z$ m# L' H
window.onload = initializeBall;& A  _8 Y0 I% v6 t% @  S1 h( a
window.onresize = new Function("window.location.reload()");9 g# |1 e7 Z8 y4 \+ Z8 K
}
/ W& W7 c" ]) h' m% ~* L3 E/ f
* B! X/ n8 R9 ^, W9 B5 [' I0 L</script>

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