返回列表 发帖

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

<style type="text/css">
! e. ~; s9 q4 B1 E' ]#supertext {$ e/ o( {! l, t" G% W8 P
position:absolute;
& X0 C% _/ t8 r2 [left:0;
# D$ x' x& Z8 e( P! U% g- I# ^top:0;$ p5 T6 o' A7 ^
visibility:hide;
* H& z3 y: D4 D: |visibility:hidden;
" e% }- l6 X- |2 }7 m}
: p9 g4 S' X6 Q* W% U( X</style>
! @6 t# n1 D4 N1 @<script language="JavaScript1.2">8 B9 {3 U4 A7 p
<!-- 改变下的字体的大小。颜色-->4 T, l; m7 h' q
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
- n/ [3 P0 z) _$ n4 e9 jvar hidetimer='';
  L7 t5 ~! {  _& E# @, d<!-- 改变下的弹跳速度-->
3 I) q0 b$ M6 k, ~" X% ?# wvar BallSpeed = 20;
+ _8 S+ z9 h6 p  _/ J6 ^- M4 Avar contentWidth;
0 g8 y! X: \3 D, D  B* Q/ Dvar contentHeight;- s" z: G4 C: ^
var maxBallSpeed = 50;- q) C/ y) `. n; y0 n  B( k3 L9 _

. @$ V' k$ J( K8 ?: j! E
( C2 r/ k9 J; U5 g9 P  S% Q2 mvar xMax;
- a( h4 H: v: Q  c: T/ k" E/ C9 Fvar yMax;+ d3 M) h' B4 [9 c% H- z: d# q
var xPos = 0;
% |- N% Y; Y' N" _& x& k- m8 b7 Uvar yPos = 0;
- ]9 U8 h- S% B, H, H% evar xDir = 'right';3 @6 S8 K0 N/ i& s8 z; {3 E5 D2 n; H
var yDir = 'down';
1 K! x: h4 ?7 i. e0 G) J8 Y* jvar superballRunning = true;
8 K( {  @2 `) k) ]2 W) W1 _& `var tempBallSpeed;' Z7 c4 ]6 t$ ]7 r8 K6 Z  e5 {
var currentBallSrc;
+ e: l; g, M% n1 |* Cvar newXDir;
" o5 A2 ~1 y' xvar newYDir;4 p9 M+ g8 j1 B  W
! L5 `1 j' V7 W. k& t6 e/ p/ N) m
function initializeBall() {
+ D& L+ B4 ?& b1 }# f4 R  U5 T0 d' ]   if (document.all) {
: W9 J7 U, [& `      xMax = document.body.clientWidth+ T+ A6 T" U2 n; N% n# q6 f
      yMax = document.body.clientHeight0 g% ~; H- F& h6 p+ z, K
      document.all("supertext").style.visibility = "visible";
1 e3 a- H- ~* }0 ^" a0 |      contentWidth=supertext.offsetWidth: G. @" \& n. P. f$ b! a) [  H# l
      contentHeight=supertext.offsetHeight
- n5 y5 C  v* r+ X# \% P, I7 @4 \      }. }: m  w( |/ \
   else if (document.layers) {
2 C7 t5 b+ u3 ~+ a* z      xMax = window.innerWidth;
* Q1 W6 x9 `& \/ w' O      yMax = window.innerHeight;
" p+ [3 _8 q! B      contentWidth=document.supertext.document.width; c2 c1 G% }& J% H: O9 X( N6 G
      contentHeight=document.supertext.document.height
; `5 F6 u7 i- e% u6 Q' j( n( [3 q      document.layers["supertext"].visibility = "show";
7 n% Q% c( o, q& m! u' w' p      }
$ Q3 r7 }2 h1 k! l0 x+ p8 B- n   setTimeout('moveBall()',400);6 o: Y5 Y7 f4 O3 V0 @) {2 x2 P$ A. M
   if (hidetimer!='')$ G. B; Z4 }/ m$ ?
   setTimeout("hidetext()",hidetimer)) P3 v' M, s3 L' y2 q1 Z+ A# r
   }, |. x. P/ F6 J, w8 ^5 k

7 y; e  I- [6 ^% H: f4 M" M& [function moveBall() {
, L: W6 o) \; x% f3 l   if (superballRunning == true) {, L$ ~  j6 v6 I$ ?! C  n
      calculatePosition();
) [( l+ O5 C  T( ]      if (document.all) {7 @) ], @1 O6 f( b" p+ F. a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;* `3 V8 |7 q5 h
         document.all("supertext").style.top = yPos + document.body.scrollTop;/ }6 P: D) o% |- {: Y! `% o7 d
         }6 b+ l% N" B6 A2 Z3 u8 V  a
      else if (document.layers) {0 U! J: [& R7 m$ S! j5 Y
         document.layers["supertext"].left = xPos + pageXOffset;! ?7 K4 b. x% d9 D7 u
         document.layers["supertext"].top = yPos + pageYOffset;& ?/ \$ W* C6 w/ }8 v' Q
         }/ m2 A; X/ d9 V3 P' E  d8 J* _2 r  K
      animatetext=setTimeout('moveBall()',20);
, U; m$ i  `  a* z: X+ i3 ^      }) X! d  Z2 M- l. R
   }: I  t: A8 w) y1 c& W. v9 z
& Q8 x! d9 e3 w/ P
function calculatePosition() {
1 F( m$ p$ N) H6 [5 ]& i$ z  b# P   if (xDir == "right") {
& |/ ~* t' C8 q0 T      if (xPos > (xMax - contentWidth - BallSpeed)) {5 G. Y% H. o! A1 {
         xDir = "left";
7 v% ?9 b0 S+ V* @$ [; F3 z) y$ u, A! q         }; X7 Q" a# Y! a2 n+ ^+ r7 f
      }
8 \7 K& \9 Q: G% g   else if (xDir == "left") {
) a( S! |; n. Q6 G* x      if (xPos < (0 + BallSpeed)) {
  E. H/ L" S8 m4 q         xDir = "right";
/ M/ t0 n" q! t) c! @         }4 Q" k2 R: S3 _1 L5 _7 J8 U4 n
      }
: E8 [: L8 C. J! E$ l   if (yDir == "down") {- a3 t; d1 P9 r  h/ a
      if (yPos > (yMax - contentHeight - BallSpeed)) {( _. T$ j! M0 E3 @$ u- p
         yDir = "up";6 W2 g" e9 C5 D7 Y, H
         }
. Q# J9 n6 w! o) N& b7 V      }
( x+ \7 P- |/ D, j5 s   else if (yDir == "up") {
  g# K2 G  b9 G" @      if (yPos < (0 + BallSpeed)) {
( d8 P$ ?) ~2 ~* Z8 R1 r         yDir = "down";( ~& K8 s, C/ i  J( \
         }% |* y2 \" Q0 U8 _; `; D, l1 n, m
      }
3 p6 j( q! x9 ^   if (xDir == "right") {
2 ~3 y' `0 O  A- a  j. K, x) G* k      xPos = xPos + BallSpeed;* b9 w  E  M# g7 r  e1 f
      }( P. s" j+ S, _) D) ~
   else if (xDir == "left") {
, R5 ?' n; ]" r      xPos = xPos - BallSpeed;
/ A  ?8 c/ R4 j9 U- o! U      }
& R. X/ o' m4 J1 G& B# V   else {3 f5 d! ^  G6 g: Y% n8 [9 ^; ?
      xPos = xPos;  T" o# P# S8 q; I4 ^# V
      }* c1 m! ^: u4 A- T
   if (yDir == "down") {& G6 h8 F/ Z+ Y5 V* X
      yPos = yPos + BallSpeed;
! a5 C4 y- G. R# p      }: s: p$ }$ n. K* ?" u/ T) h
   else if (yDir == "up") {
" Z6 \7 Y! G; |# d3 {# F1 {0 n      yPos = yPos - BallSpeed;6 H+ h! V: E+ }% s: H( w
      }7 H5 O; ?6 l) U4 H! @+ }" v
   else {$ W  A/ G6 b; ]4 L! b+ }, w
      yPos = yPos;- ~' a6 B* E4 P* Q
      }
8 o. \6 F  b; u7 L& ~   }9 b  [3 {' ^  J$ M

9 Z) e* v8 v& p7 ~+ |- m2 ifunction hidetext(){
" i) }. H8 [" p. bif (document.all)
. U" u3 ^+ A: Z; E0 f; ssupertext.style.visibility="hidden"
/ X' I3 K/ Q1 _- w! ^5 U7 oelse if (document.layers)  T: F! U! z7 K$ ~
document.supertext.visibility="hide"$ b/ T/ m: P' Q# @
clearTimeout(animatetext)
* N% o  C9 s. Y4 B}
3 ?0 [% w0 u3 C; o. h# O
9 C% |/ }1 n9 H. T* Gif (document.all||document.layers){
4 {; k9 o/ W$ u, Ldocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( f! ^9 K+ i! j$ P) f. M0 Swindow.onload = initializeBall;2 v5 Y3 U; S$ u' ^. g
window.onresize = new Function("window.location.reload()");7 J3 y$ Z5 X& V* {" e7 q
}- @2 L0 D! p) O1 T& r2 d

# Z: [! t5 _6 m</script>

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