返回列表 发帖

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

<style type="text/css">! w/ h- g" ^$ \: h0 m
#supertext {2 @$ |9 d  i' C) a6 a  u6 P
position:absolute;
4 s7 _: m7 _- {& H6 I, {& W$ [left:0;' p3 |# s0 t; l$ v2 n$ o
top:0;" _: U9 z- {5 }
visibility:hide;' R3 n1 _8 o* f. M: {" v
visibility:hidden;
+ {1 \5 P  n5 K0 M- i2 f  u}
* R2 R/ S& m" v</style>: q1 |  C8 g* [/ ~0 B# K( q; O; g
<script language="JavaScript1.2">2 G" @) s' @7 \! V
<!-- 改变下的字体的大小。颜色-->
7 U$ C& w/ a. W/ l6 T" e: x7 Z2 uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ I- Q  u- B7 d6 W1 t& w# N3 qvar hidetimer='';2 c; d- |) e* {
<!-- 改变下的弹跳速度-->" s' h& U1 [% I, c( M, o  }
var BallSpeed = 20;
* A3 n& s4 C% f4 C$ t( Fvar contentWidth;/ a" \( O5 [6 _  j* R( l* T2 z6 M$ n) c
var contentHeight;
( Y3 ]* N& ^& dvar maxBallSpeed = 50;: P5 P. N  V: R$ M

- ]1 Z1 t! V* s; }. {3 A- R; }3 w! @9 N% J0 j
var xMax;
5 e+ \% R. a9 @3 r0 U! Y% v1 tvar yMax;
) ~: \( n3 W0 l. Y; Pvar xPos = 0;
( o8 U& [9 t, k5 Vvar yPos = 0;
1 [1 l+ |% }5 R6 K( vvar xDir = 'right';$ t0 S8 h6 G. W# i# ?+ y1 L
var yDir = 'down';. e1 Q, p( Q3 t  J& W) N
var superballRunning = true;
5 ?) t* q. i7 v. E  `$ d2 lvar tempBallSpeed;
( J" X" k' r1 K7 v0 @var currentBallSrc;. i& n" D" _* B
var newXDir;
2 ?2 n/ e3 N# o5 H: vvar newYDir;
  k$ \! ^) I) q% A* n3 c* q5 N3 w1 l3 y% z
function initializeBall() {* C' f3 k$ i5 J6 ^5 E5 }
   if (document.all) {
5 P$ M; j, X; Z8 _      xMax = document.body.clientWidth3 h$ _. M/ J8 u. v' V* U+ }3 f
      yMax = document.body.clientHeight
! W# N. K# f( e, v2 ^# p      document.all("supertext").style.visibility = "visible";4 C7 V6 |. k* Z9 P4 |$ r; x
      contentWidth=supertext.offsetWidth
) n# I5 z) j! _      contentHeight=supertext.offsetHeight- i, W. ]6 v9 ~+ i
      }9 i/ z7 _  v) V. q) w# U" e1 v
   else if (document.layers) {; b- A, ~8 ?" @1 O
      xMax = window.innerWidth;
4 g) o0 k' U8 d      yMax = window.innerHeight;
1 ?/ _# f, p$ v! N' U. k; u      contentWidth=document.supertext.document.width
6 {' ]' B5 X9 e, ^" a      contentHeight=document.supertext.document.height
% r  s) a9 d* I      document.layers["supertext"].visibility = "show";0 c: U) ~- x. d+ ]& }# C
      }* A/ j. ~* S1 {7 P2 ^" ]
   setTimeout('moveBall()',400);, g$ K+ x3 {( I' Q' b* S- \
   if (hidetimer!='')0 i3 U8 {1 O5 \
   setTimeout("hidetext()",hidetimer)
: _9 h) A- m/ @9 X7 P   }
, B- Y2 g9 @* b. p0 G* ]* f1 a5 `) o8 {) `
function moveBall() {, v% V5 j5 W; w+ j; I- m. J
   if (superballRunning == true) {
& F2 G/ D; z$ k, d! m5 g      calculatePosition();7 W3 [5 d; l7 r$ o: g
      if (document.all) {7 A$ i9 v( B! m1 J0 O1 }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;9 Y* w0 x" P' o
         document.all("supertext").style.top = yPos + document.body.scrollTop;: L; Y, t8 Q- C; X$ O0 R
         }) B/ h, G/ l$ q$ F& O
      else if (document.layers) {8 Z! S" A( s" I- r
         document.layers["supertext"].left = xPos + pageXOffset;/ K, @: K+ `2 Q* n: E
         document.layers["supertext"].top = yPos + pageYOffset;
5 W% E7 W4 _  ~1 r$ `3 M         }
+ |* T2 j* p: _& l# S  W      animatetext=setTimeout('moveBall()',20);' [6 @# h3 S; b/ o- @5 J9 ^1 |9 L, p$ F
      }
7 \. c! K  j7 c2 g. h% T: J   }
! `0 F* C: U, W. m4 _, F8 t- ~- f. Y# Q' h! X$ Z
function calculatePosition() {" ?4 i4 ]% N  D5 m
   if (xDir == "right") {# ^3 H. I$ R+ t2 u+ O/ `
      if (xPos > (xMax - contentWidth - BallSpeed)) {
1 T# E% i! }- O2 M3 `8 B. i+ ?5 W         xDir = "left";
; X% @, B8 o4 l: J  F; r# g         }
9 c0 W3 Q2 Z6 q4 D2 _4 e. n* o2 W      }
5 V5 j& g- A/ e& K8 b0 |! a   else if (xDir == "left") {4 q3 e+ o% h  t8 [& Q' Q
      if (xPos < (0 + BallSpeed)) {
( o8 f8 f5 l. o  P! ^: E+ X+ X, l) a         xDir = "right";
. O1 o. _" N4 A         }6 m5 |5 T: e9 Z& t$ m* @: t
      }
, G, e8 n, @5 p: a   if (yDir == "down") {# l- ?0 [0 `$ C
      if (yPos > (yMax - contentHeight - BallSpeed)) {' Z3 `0 i# W5 K5 Q
         yDir = "up";
; q; |! w. E1 p         }
$ R, w6 G; I% c      }+ s4 V/ B8 v5 }) m- \* i0 C0 h5 O
   else if (yDir == "up") {
( ^+ P1 ]# {! N+ ]9 j$ `      if (yPos < (0 + BallSpeed)) {
; a' H% c+ F: K- ^! M* |         yDir = "down";1 ]6 H5 h& g0 a
         }" |3 p+ {# R2 W
      }/ w! N& M9 W( W" w# a( A
   if (xDir == "right") {' }* o( w( T1 O# u/ D
      xPos = xPos + BallSpeed;
' y  U0 P, E1 H  v/ D& R9 T3 ^      }8 f! S, C: V( [$ V: H7 J6 u% ]
   else if (xDir == "left") {: P2 {/ ?7 r0 ?
      xPos = xPos - BallSpeed;  t# A& T6 `7 [
      }! G2 J, @& X1 w0 ^
   else {
/ C& P/ ]5 G7 L+ J5 a3 C1 Z1 f      xPos = xPos;$ w) Q* n/ Y4 F2 j
      }
1 A) _* d1 J( v# m$ R   if (yDir == "down") {
$ k* U; R- b4 G0 M' f      yPos = yPos + BallSpeed;
$ u; v0 ]- o: X& y- i      }
3 W! C6 \3 G( _" i  a5 F2 u   else if (yDir == "up") {# L4 k! U7 j2 n4 b
      yPos = yPos - BallSpeed;9 @" ^! V9 W4 k4 J
      }
4 s( r& ^9 H, \/ b* s   else {: C; P; N! g! R8 M3 ]
      yPos = yPos;& o% c" L3 C# R: E1 W( d3 g% I/ W
      }
/ D' j* y  x) N' _   }
! b6 z9 N$ X+ P, P. y; V3 y
, B- e# j2 }- t/ z5 q0 Rfunction hidetext(){1 o7 r- e5 V/ @' G. C
if (document.all)4 Q5 {6 S: H! x0 E: v4 V4 |0 J% }
supertext.style.visibility="hidden"
4 @- v# N7 m) u0 @5 x7 A) selse if (document.layers)
/ s/ V; l) Q/ L% w; E1 L8 Zdocument.supertext.visibility="hide"7 C( p; _* H- `+ {/ o  ], |
clearTimeout(animatetext)) I/ Z# F1 H; S' f
}- }# N% s5 `& t4 c

' m! E7 ]" f0 O+ U# Aif (document.all||document.layers){
' |" P3 P/ t; q* vdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
; y5 R, V7 f& q. p& ewindow.onload = initializeBall;
- ]  a* h/ R! N. S- Ewindow.onresize = new Function("window.location.reload()");
6 z0 ?1 D) U: g- _7 y. z}5 q& J3 {! J& F2 G: ]4 `
2 C# o7 ~: t5 [0 j; q; U
</script>

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