返回列表 发帖

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

<style type="text/css">
# z# P3 P- L+ a& R#supertext {. ]4 w( f1 q/ U& c1 A, L
position:absolute;
0 n2 P( j9 @% W* d9 {) O* S2 n% Wleft:0;& n- V2 _/ i9 F3 x
top:0;
( |; Y4 k% L8 {# b0 W: Ivisibility:hide;/ j' `8 Y4 H4 U- F, w" u7 B/ k
visibility:hidden;
; h- ~: P' R: D}# [6 ~4 \6 z/ a/ K
</style>
4 q  S3 K1 C  Y3 b% ]2 X; X<script language="JavaScript1.2">* y/ q0 \8 j) D  g" R$ z, [0 {, \
<!-- 改变下的字体的大小。颜色-->
6 B2 W( d  ]9 \, h& y) }: w9 S+ J7 Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# n7 |. p9 j2 z7 ]! S$ [var hidetimer='';
& Z9 J# T& ]" b9 D( Z2 V3 e. S7 g<!-- 改变下的弹跳速度-->& m+ O+ x% [) x3 |# ~
var BallSpeed = 20;$ u+ @/ `7 E# L% W" L
var contentWidth;
7 A% Q7 M/ I  ovar contentHeight;: C3 V1 B$ |7 I3 o9 g& g* X6 a4 A0 g
var maxBallSpeed = 50;
- s6 w4 M8 \' _0 C; y; U% ]+ Q4 J7 X- D6 H
/ n2 e5 k8 S& }
var xMax;# p4 C  X. P6 k. C
var yMax;6 j& V5 a9 m9 h# p6 v
var xPos = 0;
9 ^8 X+ N  t8 L7 h+ s' S* i. dvar yPos = 0;
3 P" {" ^1 ?. A+ U  b) ^% ?var xDir = 'right';  g1 s( ^$ n6 a8 ^1 s. \9 o" K
var yDir = 'down';. v, ?8 ^0 G) ~
var superballRunning = true;+ l3 F" e* h3 b- b  H0 f4 l
var tempBallSpeed;
/ \- P9 \3 \( l/ N0 uvar currentBallSrc;" N# H" |% ~' j% N. w
var newXDir;8 V, m& P" \5 D4 k' K# u# J2 H
var newYDir;
! m& u, H5 R0 t  |
; W) D) @+ I; G. j2 s5 Q( H9 wfunction initializeBall() {& f. ?: z" L: b. Q9 Y% I# P
   if (document.all) {7 b2 _, i- ]% `& G
      xMax = document.body.clientWidth
- V0 Z  F6 p1 S% E' e) e  }      yMax = document.body.clientHeight
0 D, C2 j! V, f( K- [* x9 H  A      document.all("supertext").style.visibility = "visible";
* Y/ D* n$ K0 F7 X) q( @+ p+ h      contentWidth=supertext.offsetWidth4 q. G: e, s  b. k4 r" q; ?
      contentHeight=supertext.offsetHeight
" q) W/ |8 l% J( L5 \$ U# Y' n      }
. }/ f$ [8 a, q9 v   else if (document.layers) {
/ v" X, I4 @8 }: r' Y- E3 Y; i2 X      xMax = window.innerWidth;
' s7 ^3 b$ Y5 P, i      yMax = window.innerHeight;% J+ l# M+ N- s; }0 U1 d
      contentWidth=document.supertext.document.width
: r6 h. A# x3 a1 x8 M/ i* _; L# [      contentHeight=document.supertext.document.height
4 n/ O* h3 |- P      document.layers["supertext"].visibility = "show";! m0 d4 v) u. w+ e) T  u6 N) I/ t
      }! f' Q, E7 c/ x" k& ^/ ^7 Y2 c
   setTimeout('moveBall()',400);& C/ N" Z- \3 S5 W1 l* O& c+ Y- S
   if (hidetimer!='')/ _& ^* N3 B4 k; M  C
   setTimeout("hidetext()",hidetimer)
- u% {4 Y6 D3 c   }/ B- K0 O* A$ q" _7 K8 ~% M

2 e" F* r( k2 G5 Mfunction moveBall() {: ~" k2 C4 E$ T; v) y$ Z* `
   if (superballRunning == true) {0 O$ m  ]6 j/ P9 _
      calculatePosition();
* k% S6 ?4 a& z% y: p' B) R      if (document.all) {7 o" B. o# v% [% Z6 o; z
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# L1 `; i6 f1 x5 g! q: ]         document.all("supertext").style.top = yPos + document.body.scrollTop;. [# M. I* @' v  {
         }; u; \9 n! v0 e, c; u+ [: n! _
      else if (document.layers) {
# G* B! h+ u8 {. f+ L; G) i         document.layers["supertext"].left = xPos + pageXOffset;; W7 |- y; R4 d; ~( t4 s7 h7 h
         document.layers["supertext"].top = yPos + pageYOffset;+ Z3 m3 a' K% ^4 r( z; x/ j
         }# |5 W% w  v) f1 g* m
      animatetext=setTimeout('moveBall()',20);0 O9 |+ v0 T! j
      }
3 D7 Q/ u) K, L; B3 a& A   }1 B( i& }( H4 C! P1 l9 ~
/ b" e4 C$ ^1 N$ C, a
function calculatePosition() {
9 W7 o/ l! _9 |# P  @+ n5 x! f   if (xDir == "right") {
9 K; u2 Q$ W( s5 D7 @% o; b! O      if (xPos > (xMax - contentWidth - BallSpeed)) {7 }+ W7 `; V+ M+ u
         xDir = "left";
1 r  R/ M! ^6 F. u" h4 Y  L* ^- R         }" p; l  _4 X" m: _
      }
3 O9 H7 J* ]. b* b7 N   else if (xDir == "left") {4 s7 {, m& z: O, O( Y0 W  G% `' ~1 e
      if (xPos < (0 + BallSpeed)) {
% f( h; n' i0 Z, c' ^* P( [% c; s         xDir = "right";8 M3 h2 ~4 j2 F0 [/ ]6 R+ D, d
         }
! M! m- A( ^" Z; s' ]6 z1 j4 O! S      }
$ m( _% V! s$ N' W6 a! T   if (yDir == "down") {
; [7 @2 n) x3 ^( d. i& K      if (yPos > (yMax - contentHeight - BallSpeed)) {
, d+ W) A5 h. z         yDir = "up";) D% w' {6 a3 E( x! Q) {% m
         }
: j5 Y* u6 h. m0 v( M( P( {+ X      }
4 ^8 T+ c% N% ^8 N; m   else if (yDir == "up") {
6 ~& n8 z3 `" K4 Y& {      if (yPos < (0 + BallSpeed)) {; k: s1 s2 P% k0 M6 D, i
         yDir = "down";6 p* A" I' o/ V3 c9 Q$ C
         }" L+ R9 f$ o  ~7 r% \* k
      }& U; N0 g2 I' X4 C
   if (xDir == "right") {
7 Z! z' F3 n6 |  F( |0 i% W      xPos = xPos + BallSpeed;5 r; Y7 v& [9 \0 Q% ^2 V& `
      }9 u7 S$ E! t& d  n
   else if (xDir == "left") {
4 ~" ]* ?% N& L9 p      xPos = xPos - BallSpeed;
+ S$ `* Z7 a4 U5 E      }
- C0 ~' S, j, p# ?: D8 h   else {
/ s+ c5 H  U! B      xPos = xPos;$ G3 N: {/ C( h1 U' ~' m5 t
      }
/ K/ K9 M# P8 c% `+ r: L5 v6 v, ^   if (yDir == "down") {
1 K4 L, y$ Y# B' K, C& k      yPos = yPos + BallSpeed;* w8 U: r% I! X  E/ {4 i# j# v% z
      }# z2 W; }* z( x+ |
   else if (yDir == "up") {
" b7 v6 o' Q5 X" ~& b5 c* H      yPos = yPos - BallSpeed;. Z7 h4 D; S* q
      }/ X3 m  E1 j7 A8 E+ L, L+ X; e
   else {  V  `0 X. g& |6 @, ?
      yPos = yPos;5 [. ~+ \1 Y$ C1 k; m" r- t; g  B4 z
      }. ]6 o+ `) D% I- q0 \+ g" w
   }* N& H% e" w  R: e0 F

; M& F  A6 T8 Yfunction hidetext(){
( S2 n/ v: a& A7 @if (document.all)& f% t( G8 E5 V( S9 \" n
supertext.style.visibility="hidden"
* x! n2 b2 r0 [5 V. {else if (document.layers)* v/ V- B6 M- x, I, X
document.supertext.visibility="hide"& G6 e: ]; k% f0 T+ M! A
clearTimeout(animatetext)7 P- O( ?3 u, o; J
}1 b) |3 T0 R; |" m

$ R5 q2 r& s4 i; \/ ?$ f7 ^if (document.all||document.layers){. [7 b, f; Z& s# @5 a( l" x% z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  r# Y6 i% n( I
window.onload = initializeBall;
0 g' [  F5 f2 U& P. }1 O3 Dwindow.onresize = new Function("window.location.reload()");0 @& T/ z  w+ ^; u; I
}; y# o/ V: z4 b

" s; c% @) b8 o, @% T$ s</script>

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