返回列表 发帖

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

<style type="text/css">
0 I0 N' k" q) k#supertext {5 i( {; N- C) _' G4 f$ q
position:absolute;' f- k& N3 o+ Z1 N/ \
left:0;
" n3 S& t: X; I1 Xtop:0;
; f  S: a" o8 G4 J& hvisibility:hide;8 q$ j. a1 P4 t9 a  o
visibility:hidden;
" Q2 d8 R4 ]# g4 q9 l' T}/ V4 x: P* A' }$ i
</style>
. Q' O( n( ?8 T6 {<script language="JavaScript1.2">, V' v4 |7 @" J* g! g/ G4 F5 ?
<!-- 改变下的字体的大小。颜色--># c1 h% k/ s% O) V9 l" O' K: [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( r6 O& E0 U( ~
var hidetimer='';
, \6 T3 R* t, `+ d<!-- 改变下的弹跳速度-->/ D5 U( H! c! V5 j  J& i# ]$ S
var BallSpeed = 20;( ~/ a* h: j# T8 W
var contentWidth;5 I7 T; x  T% X. `
var contentHeight;% a& U% q- ?, m) j% F
var maxBallSpeed = 50;: ], U$ _% ?- R
! a: e9 |$ {& J$ {, k4 N3 l* O
, l' V% W! A3 C/ w* j+ K: \1 ]
var xMax;0 Q5 p1 F7 c$ d* P3 |) ?$ ^
var yMax;
( d# I1 A: _- I& Pvar xPos = 0;
; d2 q3 K- p/ Lvar yPos = 0;
, a* T( n: Q( q( ]2 ?  {, U" ivar xDir = 'right';3 Z) [0 I+ c4 ^9 h# S, n6 O, R
var yDir = 'down';
2 k6 N) Y% P  p/ L: rvar superballRunning = true;
' h) w' s: }# ~' `5 dvar tempBallSpeed;4 }( N; D3 E) [
var currentBallSrc;3 p6 [' B+ W8 O8 Q0 S- F* H  p
var newXDir;
) S, K& R( Q# R! pvar newYDir;
, u4 u# }2 T/ c1 i) `) j, t2 r! z9 G6 o) [( s* _
function initializeBall() {# P6 A! P) l+ t+ N! C
   if (document.all) {
, m3 R9 Y3 D& e$ U      xMax = document.body.clientWidth" E) g$ C. i4 v3 ?+ H9 g* Z
      yMax = document.body.clientHeight
9 C* a  Y2 m1 q! R2 Q' L+ N      document.all("supertext").style.visibility = "visible";% k  R0 x9 b7 I- Q( B
      contentWidth=supertext.offsetWidth3 Z* H7 k0 t- }  I
      contentHeight=supertext.offsetHeight4 v1 O* [  |* G. j9 I( s
      }
/ `4 K  x+ s8 Z* }: t9 N( S+ H- V   else if (document.layers) {) [  g- z- k) W  q2 B; r8 d. a
      xMax = window.innerWidth;
! ?' ]7 a1 G9 {  p      yMax = window.innerHeight;6 n9 t5 v2 d" p% V( e
      contentWidth=document.supertext.document.width
5 ^; M. p# m& K: H" [# Z; E2 i      contentHeight=document.supertext.document.height8 e. t0 m& Y+ M3 ^. O+ V' d) g
      document.layers["supertext"].visibility = "show";
" I- A) e+ O  n- \! j8 v& I4 m      }# D5 j" G. a( E/ }# e3 S2 D, a1 D
   setTimeout('moveBall()',400);
+ f: A. [9 B% R   if (hidetimer!='')
* A; `6 A: a+ R& _1 V& _; V   setTimeout("hidetext()",hidetimer)% x# Y( u6 X1 u: s1 s! H
   }+ @: w8 i$ `: n  e2 u

5 R& g8 b) z  b, y5 Ifunction moveBall() {
0 t& U6 t8 k$ ^* m& z! j   if (superballRunning == true) {
# W4 p' w! e+ i* E9 F1 x      calculatePosition();, v$ [1 c7 z- [% _, v1 W' a6 l+ {
      if (document.all) {
5 j# F5 m+ F  k: [# Q         document.all("supertext").style.left = xPos + document.body.scrollLeft;
( K, k7 D* B8 b0 z  ^/ u' V$ Z         document.all("supertext").style.top = yPos + document.body.scrollTop;3 j8 C  I2 |6 D
         }8 S* z; f9 r7 \3 {
      else if (document.layers) {, q1 e  {% A7 b% N/ r: S: p' k
         document.layers["supertext"].left = xPos + pageXOffset;- g# \  d+ J5 D- n; F  L) j
         document.layers["supertext"].top = yPos + pageYOffset;
. |5 y- t& A) A! K& z/ o         }5 B0 D( ?+ T& S- z: ~# k' p* r
      animatetext=setTimeout('moveBall()',20);
1 B* _2 `/ z2 w8 l4 a- \/ v      }" \" K4 j, K8 p. A4 L+ Z3 |
   }4 o' ~0 h% |. z& e

" U! i% ~6 x3 M  W. U! Q5 O! [- r6 @4 cfunction calculatePosition() {7 K( x: @3 S. D1 v% [
   if (xDir == "right") {# K: {+ B! k2 r( a8 B2 ^
      if (xPos > (xMax - contentWidth - BallSpeed)) {
  ^0 j# r/ L+ E& P0 R9 |$ e         xDir = "left";
2 g. y3 z. Y* ]         }
5 |, w' f1 `7 G, h# ]) U9 d      }* {' R0 V( i  E: Q) s5 V# s! i
   else if (xDir == "left") {
& d0 D5 e" [* x. L; P      if (xPos < (0 + BallSpeed)) {
# {2 D0 i) T  U4 b3 z" v1 E         xDir = "right";
( M5 h% P9 t) U( A+ l, D( c         }# ~- U: z0 P7 K  W) K3 ?6 z
      }, Q$ p2 ~; j% T! E. v& o# l" d
   if (yDir == "down") {
- D' R& b1 g/ D, u% ?  }' a      if (yPos > (yMax - contentHeight - BallSpeed)) {
! r4 f; T* H6 }( z" b         yDir = "up";
5 n5 Q7 B. z/ q. I7 b- @: s         }
8 J6 d- s$ i6 u, Q% d5 i      }% P) i( M4 B7 u& C0 \+ D* d
   else if (yDir == "up") {
+ N9 t* a1 M, n. Y4 I      if (yPos < (0 + BallSpeed)) {3 q: D" b  n+ o8 K4 c5 Q0 F
         yDir = "down";0 U3 n& \& C! D% n) H8 f, I
         }
2 f! o& i* _3 L4 H" i, \( I0 c      }
! n1 \1 x8 m+ v. a# O2 h   if (xDir == "right") {
  J, J' i1 D) Z+ I5 }      xPos = xPos + BallSpeed;; c  z3 }! n* A) K" `. U
      }
; V% n% k1 n& A  E% M' d6 M   else if (xDir == "left") {
3 }$ ^2 A- \1 Z! ^      xPos = xPos - BallSpeed;2 V5 D5 r" g; N. o
      }
" Y& F0 u% J& K: H: \   else {
- V6 a+ v% z& ?! o; t: ]1 D- Y      xPos = xPos;# @: h- h- `, _
      }6 L, _- k  g, j
   if (yDir == "down") {( @& t) t: i* C* h5 K: C! F
      yPos = yPos + BallSpeed;
' k4 C1 H  s# f+ x  j      }
! y+ p5 i1 s" j/ S# N$ v' C   else if (yDir == "up") {
& Y0 D" u! i, v6 _& L6 G. I* ]      yPos = yPos - BallSpeed;, E, m+ l# k8 k
      }
7 E. k/ _1 W' ?0 V' c0 G   else {
' J/ l( l; s1 R& ^      yPos = yPos;; I+ e% W6 l/ r
      }6 J2 T5 t+ j1 z- k! o
   }' B& B4 k  [" ]$ `$ T' ^( a  S
5 ?9 [! t& ]( m* H9 k
function hidetext(){
" V: \3 A+ ?/ a/ E' \7 a) Cif (document.all)4 S) m" A" A* T7 a/ v! b* K
supertext.style.visibility="hidden"
7 ]7 o0 O9 @: _& a5 Z: Y+ Nelse if (document.layers)) J& j; Z3 f( t2 A4 `9 \
document.supertext.visibility="hide"
4 F, ]$ R* `# s( W5 q. W( A% G, i6 RclearTimeout(animatetext)% j5 W# d8 ]4 v; E6 r1 Z
}9 f0 k( A3 S+ m# |! e& `

. A% ~: u* g3 h: W! Rif (document.all||document.layers){) L. _5 R1 b8 J9 F0 }; Y8 H. V! T; v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 B8 ~6 H* l+ O  \, F
window.onload = initializeBall;4 z% k% e; Y3 y
window.onresize = new Function("window.location.reload()");, p& \1 o; B% ?( `
}
# T2 M5 X; d* v- u: T. g
" Z7 z) u6 g3 q, D" R</script>

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