返回列表 发帖

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

<style type="text/css">
; T5 u) c3 j, I; r' Q) S6 W#supertext {/ b) m+ g; h8 V8 N0 @! @
position:absolute;4 h, Q; p2 _+ W* u3 q  I- B0 g: _
left:0;( i* ^: L9 Q4 X
top:0;. [% _- \2 o3 m+ U) B
visibility:hide;
1 y" V8 r6 [6 K* D' Svisibility:hidden;
2 y- z7 r' y. z+ a' y& @/ Z. D' l}
" v2 p; y/ D% w( L4 h</style>; X/ W" ]$ u& M- x2 O3 W
<script language="JavaScript1.2">: S; Y& P0 y' J$ w* ~! z
<!-- 改变下的字体的大小。颜色-->
3 N# o; F2 l# I- N' Tvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& j+ T% F0 z4 Q- n" Jvar hidetimer='';7 \, h5 g. q2 N' f
<!-- 改变下的弹跳速度-->  G9 M4 l$ s. w, ^2 ]7 \9 [+ M
var BallSpeed = 20;2 j2 f& Q3 L) n7 W- A: G1 D+ O
var contentWidth;, R. k& y! ?$ U/ ]
var contentHeight;$ [" [5 z: j& J2 p. `& D( r
var maxBallSpeed = 50;* S4 N' m( `9 r1 Z

1 J$ |! e' o0 J) x- T0 o$ {+ B6 d6 [: J  P3 W* Z; l
var xMax;
/ k1 t1 c% e/ b7 J5 C& `var yMax;: f1 F& z5 i, P" K
var xPos = 0;2 P( S. z8 D& t4 q- r8 S
var yPos = 0;& c. p5 }# N0 k! \
var xDir = 'right';2 n( m) d# W% `/ c
var yDir = 'down';
9 N9 e, i: _2 }5 P. j& u% x* Dvar superballRunning = true;
% @3 i6 I: K1 f- D2 m# ]+ i5 Svar tempBallSpeed;
: C! E+ I& K' z9 j2 f% E9 E5 Hvar currentBallSrc;
7 ^8 m1 k1 o# V( Wvar newXDir;1 j: ~; b1 A$ ~1 q5 `: n5 {, a. Y
var newYDir;: `, T5 c/ @. x8 M( z/ Y6 f

( Z2 ]; D4 G: [6 afunction initializeBall() {
2 l& H  u- C% h; b9 E$ _   if (document.all) {* F- d% s9 U. s/ G
      xMax = document.body.clientWidth, J  \& q+ }) G3 V8 a3 B) g
      yMax = document.body.clientHeight
& ~9 o3 v' X% u: @# {* h) ?7 f      document.all("supertext").style.visibility = "visible";) y' G* p* Y# Y$ X- l( j/ }
      contentWidth=supertext.offsetWidth9 l" J) }. \9 v
      contentHeight=supertext.offsetHeight
8 d0 m2 D- B& ]8 _2 G" N! |+ ?      }/ O2 L+ O! k2 S2 Z7 U: H
   else if (document.layers) {
+ b3 C* V0 y8 @  U+ G* [3 O% _# m      xMax = window.innerWidth;7 p. c. F0 F' l  f0 \+ A. i
      yMax = window.innerHeight;
, ^: P( J9 n* E; P) i      contentWidth=document.supertext.document.width
, M' z% V8 A1 B, x$ Y      contentHeight=document.supertext.document.height" K; `4 f; M9 f4 M
      document.layers["supertext"].visibility = "show";
: W! p9 a" n. ~( f/ G      }
( H8 @2 k/ u) t   setTimeout('moveBall()',400);
& f8 D; m5 {* D& @7 b6 g   if (hidetimer!='')/ K/ |7 s) I; `& K( p" c
   setTimeout("hidetext()",hidetimer)1 S9 F. X5 T% Q' [
   }
. s. y3 }) u) x2 z7 r
' L; X% X2 [2 yfunction moveBall() {3 N4 D7 J6 ^, i7 c
   if (superballRunning == true) {3 k  m  X4 G- n; u- \# @
      calculatePosition();
6 B) z8 P3 H$ N3 L+ R7 _      if (document.all) {) G1 Y& [+ g; z3 I- `5 Q& Z! d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
8 |4 `1 Q! X& d& a* O         document.all("supertext").style.top = yPos + document.body.scrollTop;5 _( ]8 C" a$ m! i7 C/ e, \
         }+ d+ D6 O- l2 M  q$ ]
      else if (document.layers) {
9 v  v2 |/ b% x8 o' y/ s! z7 O         document.layers["supertext"].left = xPos + pageXOffset;9 D0 T4 W& a' R# Z
         document.layers["supertext"].top = yPos + pageYOffset;
) T) a6 A% _% x" H         }
, ]0 {3 `, I: Y) D, M      animatetext=setTimeout('moveBall()',20);, ~* V% w' T3 _" k7 P7 f
      }
* T- r4 ^4 y/ g4 q/ W# b   }. Q9 _3 _/ h! |! N
4 x) C/ U" Y: O# C: g( j5 I
function calculatePosition() {
) ^# i5 ?% A5 R% x; o9 G& j: O   if (xDir == "right") {
1 G- \9 P, o4 v. _) V8 {( p2 K      if (xPos > (xMax - contentWidth - BallSpeed)) {! k( T- r! A, d
         xDir = "left";: O9 S  h! C! m+ D7 m1 u
         }
0 Y: {( y) n* D      }
2 Q4 ?! G5 _3 S$ Y% \   else if (xDir == "left") {  ~" b& W# M. A; x; B
      if (xPos < (0 + BallSpeed)) {) Y5 ~# u4 @$ A$ O$ P/ ], F% M, O
         xDir = "right";
% [2 y7 r+ Q  D6 i  B/ U4 K         }9 A, u. E8 ^0 [: O+ T& X
      }9 U; q  L2 w7 M" V# ?- B  S; Q. A1 g
   if (yDir == "down") {
5 E5 X& K5 m$ o      if (yPos > (yMax - contentHeight - BallSpeed)) {
! X# T, ?- R& J/ `         yDir = "up";
* e; q+ U5 d( j4 j         }: D" S8 ]+ I- |
      }  V6 d6 p: ?; u* @  Q
   else if (yDir == "up") {
* w' H7 x& n/ \* S9 Q2 d/ H      if (yPos < (0 + BallSpeed)) {& M+ F' X& t! L4 Z
         yDir = "down";
- T7 R4 q, @- E# J1 V         }
# j4 |5 C% e" V) O, P" l" [) Q      }
; {, _; Y! Y4 C7 t  q% m   if (xDir == "right") {
$ ]5 N+ M% ]( ], A/ ~6 O      xPos = xPos + BallSpeed;
+ {/ t1 Q+ v+ K; l      }: {0 I) O6 E; @7 l, T/ q
   else if (xDir == "left") {  ~8 j: G% s' _. f  e1 E+ t! j' ~
      xPos = xPos - BallSpeed;" X6 J) V* R! T2 y
      }3 ]/ i8 J  P5 ~! u
   else {
9 R6 L% U" }4 d. W      xPos = xPos;
4 @1 l7 }# }6 z: N      }
. z$ s7 k) s# g2 m; R7 w' ?   if (yDir == "down") {( Y7 I2 @# x) Z% k
      yPos = yPos + BallSpeed;
6 U' Q$ C5 V7 B. D) `# R) K      }+ m0 V4 [( G) {/ H5 n! b
   else if (yDir == "up") {6 o( B- C9 Z7 `3 }% O8 ]* l: ], X6 \
      yPos = yPos - BallSpeed;
6 L! K* P7 `, l      }' X& P" A: Z* r2 o! Y( V9 F
   else {9 t2 F7 V6 _' i8 y( D
      yPos = yPos;. {# g( s  x" n$ H
      }7 @9 f% `9 \: k  d, f7 m
   }
7 U5 P8 ^) d" w0 l' ~3 |7 ?3 N! J2 b
function hidetext(){3 p% a& ^9 E, S+ V4 ]4 K- F
if (document.all)
  y& ~2 _- S, f3 ?4 z( R* K, nsupertext.style.visibility="hidden"
* D: X+ n! [- Lelse if (document.layers)) L; p6 p; H) x8 W5 @4 l* v
document.supertext.visibility="hide". }) z" G+ T: I" y
clearTimeout(animatetext); l0 P& r# z, ?  T
}
  y1 |1 ^& x+ w& z( y5 W1 N% E# b# e- o* ~. D- s" J/ a- j
if (document.all||document.layers){& M* F% |% n5 _, a, H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
' p7 M/ Q: H- N4 q3 ?' j+ Jwindow.onload = initializeBall;
& l* X* K% G% ewindow.onresize = new Function("window.location.reload()");3 Y% H/ e- U# m9 X, L' W% V
}
5 L; l/ N  y3 r; v6 w: m  }1 f( K/ F2 {4 m
</script>

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