返回列表 发帖

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

<style type="text/css">
' g, o$ X" i1 a$ F; K5 {" O/ k#supertext {/ R" v: a3 ]+ D' G+ n# Q! w
position:absolute;% p& H7 p& V8 l0 h- M
left:0;
; N& H% x; D. o6 ^top:0;; c: z8 j* P$ |) y; A1 q
visibility:hide;4 m9 O; Q; z; W3 h4 v6 f7 P
visibility:hidden;* L9 l! c% E  q2 i! F% F& ]
}
) c1 L1 }: m4 W' I* h</style>' P5 u4 v) _( F3 h8 a  P
<script language="JavaScript1.2">/ P3 L" i, Y6 I: A/ R/ d
<!-- 改变下的字体的大小。颜色--># {6 u8 f3 l! e2 D+ c9 V& z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
# l+ u+ `: G/ j% U( Hvar hidetimer='';' G* o, o% a7 f/ z! L/ _) k
<!-- 改变下的弹跳速度-->
5 s& B9 w+ r4 G, F: \6 b5 N' {) [6 Mvar BallSpeed = 20;) ]! m+ l; m: u) X# k
var contentWidth;) ^8 ?( g0 E3 [
var contentHeight;
; O  x  e  `8 a6 U& r# Ivar maxBallSpeed = 50;
; ?! N$ a- B! g0 g4 ?- O
$ k3 Z4 y) @' d
0 k! n7 [1 J# Z8 Rvar xMax;7 Z" s) C9 W  M+ P* z
var yMax;
; c- m/ X5 K# k& S: dvar xPos = 0;' z$ |+ @$ q( E, {
var yPos = 0;
9 w, C; d# k4 d8 p1 `& M5 y: V% O5 Ivar xDir = 'right';
) y4 n/ y) s" vvar yDir = 'down';; U; [8 f9 O. y- u; Q4 ~$ o$ v
var superballRunning = true;
5 U; ?- Z& k+ I5 P" E4 avar tempBallSpeed;
( D! @2 \# A$ X9 p1 gvar currentBallSrc;
0 v3 Q5 V0 G# Z8 U3 j; j0 B3 zvar newXDir;3 N: k) A3 O4 W  P1 a
var newYDir;
1 u) x# X9 J9 z# r+ p4 k, n, l* Q" s3 ]
function initializeBall() {. A9 b# n4 e  J6 s6 ^  D& w, P
   if (document.all) {2 Z! t4 j! r8 T! ^5 y0 F
      xMax = document.body.clientWidth# ?% X' U) `8 s1 `" G* J
      yMax = document.body.clientHeight& j" ^. `9 Y( h; j! `+ J" A
      document.all("supertext").style.visibility = "visible";$ z2 Q# o' D, B8 F
      contentWidth=supertext.offsetWidth* N$ h0 O* \# c, c* S- w
      contentHeight=supertext.offsetHeight
9 y- P1 i+ _" u      }
( Q  W( v' l7 t/ ]- z. r   else if (document.layers) {2 s. z" k8 D' ]# N: M& l4 R
      xMax = window.innerWidth;. e9 ]3 e7 @: O: N3 h- {4 V% g
      yMax = window.innerHeight;
. K9 r3 Y0 x$ x) t- `      contentWidth=document.supertext.document.width
& w3 B" a1 c- }: U$ B4 _: k% Y      contentHeight=document.supertext.document.height
; e: [% b. b' U. l3 U3 k# [      document.layers["supertext"].visibility = "show";
! ~' C7 P9 b( Y6 A: P      }
6 O0 }6 k4 F& p( n   setTimeout('moveBall()',400);
$ }7 G/ t8 E2 G+ z; u6 I7 L% V4 G4 R   if (hidetimer!='')
4 J% G& m# ^4 k8 Z/ [   setTimeout("hidetext()",hidetimer)* F- }8 ?+ f7 Z; h4 L: y+ C- {
   }) ?& [- U/ d5 P: _, O2 C1 o; o) E$ K$ B
3 a! B5 d* I% N8 M3 M0 g& ~
function moveBall() {9 N9 n! q  [& K5 t8 ^
   if (superballRunning == true) {' K) C3 b8 q  L' }/ }/ B5 s
      calculatePosition();
3 M9 e0 S' T$ ~2 Q/ p( {: K      if (document.all) {
3 |. @. ^2 g  o/ d/ j) c         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 W* M' I3 i$ h4 M! A         document.all("supertext").style.top = yPos + document.body.scrollTop;
# m( P1 ^3 M4 P         }
  ^3 }1 K% w; q' D9 h1 }: T      else if (document.layers) {! b, v5 g, F9 `5 }; }/ Y
         document.layers["supertext"].left = xPos + pageXOffset;
  s9 y5 O& d0 O$ p2 p         document.layers["supertext"].top = yPos + pageYOffset;
2 g$ n: X6 ]) J; i1 m9 |) p         }% f5 L& N5 @; [/ F0 C+ B2 K- |
      animatetext=setTimeout('moveBall()',20);+ {. b* i* M+ }9 N* [- O
      }3 `7 s8 ?" X% x. g. F( k
   }+ T6 @- l: C. b2 M! ?5 y! T) y

) ^, N  ]* L; m$ l, zfunction calculatePosition() {1 X) U) L2 U& F. U5 h0 {3 m% M
   if (xDir == "right") {
) f4 \2 O1 N# _3 I      if (xPos > (xMax - contentWidth - BallSpeed)) {
7 q; L  x4 U8 i+ D7 y" ?6 }         xDir = "left";
2 r# ?* R0 o3 A& \4 M- t) {         }
6 z) K8 G" p2 E4 u      }+ q( q4 ^8 v: Y. X% x4 w' H& w, j% D
   else if (xDir == "left") {
8 I# q2 r* @5 t1 y      if (xPos < (0 + BallSpeed)) {
; B8 T( L* ]9 a2 I3 u( q         xDir = "right";
7 f! z" z- \* J: l         }, x2 F# B; u5 j7 h; m$ ^
      }
# N% b" b* W7 F! S3 }- m   if (yDir == "down") {
6 h: q2 G  m. s      if (yPos > (yMax - contentHeight - BallSpeed)) {
. o- Z  O4 S" D9 L# N% K         yDir = "up";
0 n, @; I$ o" T, h0 i* j4 E5 O         }. T/ }% B1 N) Q8 _' O
      }& |( N8 C, h3 _! A$ |* R
   else if (yDir == "up") {5 S; ]* k6 E2 k, X8 q# t
      if (yPos < (0 + BallSpeed)) {
) j. K8 e  F& h% _         yDir = "down";
2 P5 \# C+ z& i4 H2 I* b         }/ F! F( @3 t1 v. X- a9 u
      }
7 M  I, Q; y( s' l! T# B   if (xDir == "right") {1 C- S8 ^5 q5 @- A' O7 [1 s& o3 J
      xPos = xPos + BallSpeed;4 z, g* q$ C4 z0 G! x+ \
      }9 j$ s; V5 p4 W
   else if (xDir == "left") {  l/ P* }( ?- t$ E6 B1 }* s
      xPos = xPos - BallSpeed;3 T, c5 o+ [+ d3 ?8 k
      }
' |: m( z/ n' g3 `/ n) _   else {
/ j- Q& r" e) O2 l- e, v      xPos = xPos;
( S- Z& y$ D5 [( v8 X( x, e      }0 {; B. O4 q) _& C. s4 H2 z! B
   if (yDir == "down") {4 `- Q6 s0 o, ?) Y4 f' w$ }
      yPos = yPos + BallSpeed;7 _: q9 U1 Z& C& n
      }
) H" q" ~6 m" \/ Y& L) h9 c5 I. }   else if (yDir == "up") {
# a1 T$ Z4 L" Y; M8 b% e* @      yPos = yPos - BallSpeed;9 q  y0 o- W7 ]2 m
      }
5 v( F' N% Y" ^% r7 m   else {2 R, e) [9 ?$ K9 C6 d* W
      yPos = yPos;* J+ J; O+ d/ T) E, a- }
      }
: V" F1 b6 I  [7 V5 u  p8 m' M9 N1 E   }
, r3 U% g4 @: O: o& C) f2 @4 b$ O0 T/ m- _
function hidetext(){* T, ~( T& S3 |) Z
if (document.all)  a. K$ L- k5 F- }3 h. S
supertext.style.visibility="hidden"" J! E* ?5 i# ~; U! Y9 p
else if (document.layers)
% Q. L7 G' |# M! y* r' E+ Odocument.supertext.visibility="hide"7 U$ n1 a. t& u8 S! J. E
clearTimeout(animatetext)/ W) j% m6 j5 {' ?7 d( R  p
}$ |* _# V0 N/ M, Z5 L0 ~6 J

! O3 l2 j: B. S2 gif (document.all||document.layers){* d9 K- v2 _# r: l# _* C& f* e
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- H2 L/ v+ X3 r2 w) j* q# K# J# s6 ~window.onload = initializeBall;
+ r  i& S3 b8 h# T5 [window.onresize = new Function("window.location.reload()");
/ y+ y6 {% u2 L: ~}( o. u; b: p/ R% _! G) v

0 S2 b) }5 C; R( D8 |5 K! L</script>

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