返回列表 发帖

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

<style type="text/css">
% r- i- y/ o$ E! `#supertext {/ B- L! n9 n- i$ Y; n! Z' I1 u
position:absolute;
  R5 ], v$ t# q% n: lleft:0;& d$ c0 G5 Z6 l
top:0;
4 t) k/ Y/ }3 X: L  T  H: bvisibility:hide;% l% b; _5 w0 r6 z6 m
visibility:hidden;2 y/ a, J5 }  V% l/ d, A1 T
}' l& n0 `- d6 N* u3 n1 W- q( Q
</style>
* E8 ^5 N# o2 D5 F+ b& o2 s<script language="JavaScript1.2">
  F( x& i: W0 W<!-- 改变下的字体的大小。颜色-->1 `% [  x$ _5 |& X6 \- O- A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
) j  t! ~6 J4 d8 x1 n& hvar hidetimer='';
0 e; p9 f8 [& b( v. Q# R<!-- 改变下的弹跳速度-->
5 t+ \' o/ h0 r" I4 g0 i- pvar BallSpeed = 20;+ u. R6 B5 G6 d8 {1 m. O
var contentWidth;
( d7 ^+ z6 O( ~' w- U0 z( Nvar contentHeight;, G; ^* D( P* r4 c- c
var maxBallSpeed = 50;
' ~5 L/ p" f: {5 c" \7 J' V# B% I) x# g$ Z1 ?

# n" Y0 b7 K" Bvar xMax;
1 |7 C/ b+ A; T3 k7 _" n: Jvar yMax;& s& T8 m& H  R* D9 a& E) e( R
var xPos = 0;0 Q8 D- r$ a0 P: i3 H. |4 d, ^
var yPos = 0;8 \. h/ X* v) v. v
var xDir = 'right';
8 w3 ^- _. S; b! k0 Tvar yDir = 'down';
1 p& L4 C9 s9 \  Z& j3 P( z8 svar superballRunning = true;  O. C8 Y+ \: \& d  k' A
var tempBallSpeed;
+ |& z4 x; C& Wvar currentBallSrc;9 p; Z- t' o1 x- l( [
var newXDir;
3 A9 |- v! x; R! R# n5 }var newYDir;7 G2 y# v5 O4 q" o* n
6 x+ `0 ~' x& {, ~
function initializeBall() {( I* @2 |1 X% }, _
   if (document.all) {
2 Y& _, d; k" V9 \      xMax = document.body.clientWidth
6 J' y- M# `0 I      yMax = document.body.clientHeight( P9 y" X3 y, _8 N
      document.all("supertext").style.visibility = "visible";
; ]) ~' W7 T- ?      contentWidth=supertext.offsetWidth/ N1 Z2 E. ]; o. K
      contentHeight=supertext.offsetHeight  h+ M" f) ~- a$ S3 G
      }
% G! g2 y1 @/ M4 l1 _   else if (document.layers) {! k" s# r7 n  v% G) x, b
      xMax = window.innerWidth;
; f+ J! M( `: s2 Q# m9 R- \      yMax = window.innerHeight;# J' v" M2 _, o4 y* ^& @8 H+ |
      contentWidth=document.supertext.document.width
8 @/ z: r7 C# Q' \/ v1 R: `: \      contentHeight=document.supertext.document.height
& }9 F$ w  Q0 P( P, ^8 N      document.layers["supertext"].visibility = "show";6 E( Z1 c8 A4 C& c6 M4 X; u' q
      }4 ~7 I: e  h& X0 Y; c! A
   setTimeout('moveBall()',400);6 F- n% v" _' l) s
   if (hidetimer!='')
( C) O0 T+ M' f, K5 x+ i3 l7 n   setTimeout("hidetext()",hidetimer)' G# p8 ~; M4 a/ }) O' Z
   }
' h% ~! B4 O$ ]8 G9 I8 s6 U5 m9 I) X8 z, f
function moveBall() {
  e; o: S! n7 d( Q( \8 \   if (superballRunning == true) {
. @/ I; _7 Z' }# J      calculatePosition();$ D) q: g' |9 c0 |
      if (document.all) {$ S6 S+ n" c/ L+ \4 Q, h# C* h& o
         document.all("supertext").style.left = xPos + document.body.scrollLeft;) G5 C' k$ q& [! _
         document.all("supertext").style.top = yPos + document.body.scrollTop;7 D7 T4 ^% a; Y3 A0 d
         }+ s" a4 }3 }+ i0 r# D
      else if (document.layers) {
8 x- d; x' ?- |/ \         document.layers["supertext"].left = xPos + pageXOffset;
, G; k8 y( R& o9 T; |         document.layers["supertext"].top = yPos + pageYOffset;! Z) [/ @1 `% u4 r9 F. T% }
         }/ R1 N, ~) Z# m
      animatetext=setTimeout('moveBall()',20);
' I8 e$ H  s8 P! c      }3 R5 Y- v4 m3 |  @5 u
   }8 `2 _- ?- }) p: c

- g% r9 ^/ n9 m: S- Jfunction calculatePosition() {
# a6 n* C+ i, n( m   if (xDir == "right") {
2 b7 N6 w& ]1 F* T! q5 d1 L      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 g5 O. j. @: o# X# z- D         xDir = "left";, w. Z$ E1 |$ [' g0 {0 _7 Z% G
         }
  D6 K' f) M# L( _      }
" i, E# }, J7 B6 T' B% y" G   else if (xDir == "left") {+ h1 \* [4 \! ~. c; w" T# f
      if (xPos < (0 + BallSpeed)) {
( f4 W0 a8 o# v6 I' y9 S         xDir = "right";) ~! d) [& W$ k/ A: E) I7 `3 R! y) U
         }
7 L; j0 ?- E  Y3 l0 U! M      }
2 S% @+ S! B- F7 o# f( S' D   if (yDir == "down") {
* u/ w. K( G# o      if (yPos > (yMax - contentHeight - BallSpeed)) {
& e/ |3 O, Y2 G         yDir = "up";
+ h3 K4 g; Q: `- {5 w. }6 x+ ]; ~! @! ]         }
1 O2 \* E7 q. O5 h' t      }
$ S; Y( q7 a% E" p2 z   else if (yDir == "up") {
: ^9 J/ N, B& T/ }6 i      if (yPos < (0 + BallSpeed)) {/ v# O7 R  o4 d0 [# A: I8 O
         yDir = "down";, _4 G: C% t' h" Z+ K& U+ q4 ]
         }
4 u  A5 e4 P# i9 \* t0 H6 J+ \      }
6 D) n1 \5 [/ B- C. \: T   if (xDir == "right") {/ C" g9 q* i2 d- u8 z1 _, w' Y9 P
      xPos = xPos + BallSpeed;
; p. E2 S- `/ _4 H  Z      }
2 C1 N6 E) D3 V   else if (xDir == "left") {
. [+ \- B; Z9 G. {% \' u4 a0 r      xPos = xPos - BallSpeed;
  `; F4 K; }( E& Y* {' J      }
+ i7 K0 |1 @6 j* @( _9 V+ d   else {# i# y" q$ l" T8 e& I
      xPos = xPos;# c- F& p( k3 o0 K
      }' ^3 Q) w* y; N" k+ t+ D/ w# l
   if (yDir == "down") {- N, l, j' o* ~3 q2 h; f' i
      yPos = yPos + BallSpeed;. f) @+ d# h5 c, H! k8 [# G. f/ ~
      }
) H! W% q- ]: X& |3 n& D' i( \   else if (yDir == "up") {7 l8 j6 d4 \# Q# A+ v3 \! m
      yPos = yPos - BallSpeed;2 R. U) f! S, Y2 l) @
      }! A3 I+ E  I6 U/ Y! s# K6 S
   else {: Q1 {1 D' _) j3 S
      yPos = yPos;
2 I0 S* g, k3 Z2 z$ _- E      }  ?" ]- z& E2 `" P- A9 ]! |# u! J
   }
8 Q- O0 b9 M% v/ m2 d: F
7 L# X7 k# B& z. k. k6 gfunction hidetext(){
/ y* f1 a2 }0 T8 A  X$ Sif (document.all)
' g; `& i' v2 Z5 p# L, D; b1 @5 t3 {. dsupertext.style.visibility="hidden"+ V7 A2 T. p$ T
else if (document.layers), |- M7 h  J( L  ~5 G2 y0 O
document.supertext.visibility="hide"
& j* H# C, F6 |  X; LclearTimeout(animatetext)
+ ~( ~) @% E" Q4 T}
8 W. L- A' s! Q; o9 J: z
" K, K1 d2 i& {, Lif (document.all||document.layers){
/ x4 @* x8 {4 G0 ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ s- Y; r) P' K) Jwindow.onload = initializeBall;
1 o0 F- k3 t( fwindow.onresize = new Function("window.location.reload()");
1 y- S9 r+ Y* M% b( ]}
+ f$ J( q1 w- N) S$ ~
5 r' h1 X* I. V1 v" k5 y# f</script>

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