返回列表 发帖

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

<style type="text/css">
7 v( \# z: `" v# E4 [1 ~#supertext {$ v6 e/ r/ j/ f+ t7 S3 P
position:absolute;5 f' k1 n0 T' v
left:0;
, v' z* k% d! f$ ]5 [top:0;; F# H5 D  d' z" v5 s
visibility:hide;
7 F6 {' h7 d- u4 u/ n$ avisibility:hidden;4 ^; V( i! R1 j7 S+ a
}9 q- v" n6 Z9 w5 {' f$ l
</style>  K6 y: n* j5 y) x2 z% H1 O+ \
<script language="JavaScript1.2">3 @* m% c/ H$ {9 m0 J- G
<!-- 改变下的字体的大小。颜色-->9 _$ s; N2 u  T' O
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
$ y# e. ~* t' b2 J# h# M7 hvar hidetimer='';
& k& q7 f1 j4 m3 c# O6 B<!-- 改变下的弹跳速度-->3 q& C, U1 [. c5 t- Z" \, V/ o
var BallSpeed = 20;. _1 L! p* m1 l" Z' g
var contentWidth;/ X" Y4 T: z6 g
var contentHeight;; V) K5 y7 q, B8 M; V
var maxBallSpeed = 50;
2 c" }! J7 F( p- l3 E1 c% ]8 R) O: b9 l' Y; K7 z$ E% w( C$ Z

4 Y6 @( M- e) U8 S  R6 tvar xMax;- c+ W+ c, I$ D' H$ i3 R0 a, ~  s
var yMax;
9 i& a0 O7 D) G, uvar xPos = 0;5 q+ S$ h6 _% P8 J7 g
var yPos = 0;
( J' N) ~' i, M4 ~8 z- ^8 Ivar xDir = 'right';" S8 B! y5 x! u, s9 J9 V
var yDir = 'down';$ p+ j. z0 s/ w! j. X% y% @4 O  V
var superballRunning = true;3 @. \  k( Y  [1 ]
var tempBallSpeed;* q; |5 O: m) f, u+ @" C
var currentBallSrc;, o' `$ e) u2 @. b0 I3 E: u
var newXDir;5 U% K3 _- d- T4 ~. e
var newYDir;
8 n7 H3 ?6 ^, f4 Y5 m3 O+ ~% d: l1 K) Z# c4 C$ D
function initializeBall() {
% d) X7 K5 x1 p   if (document.all) {+ X6 `3 @' z4 n/ {$ _1 d+ \
      xMax = document.body.clientWidth
* i' ~$ V/ C, s& e/ ~      yMax = document.body.clientHeight
  F6 a) ?& C- S- C" S9 d      document.all("supertext").style.visibility = "visible";
+ W3 c& X+ }3 b) R0 _2 ?9 X  J      contentWidth=supertext.offsetWidth' F5 M7 X& g* E$ Z# c# S- t
      contentHeight=supertext.offsetHeight" H7 F1 V! J) ]
      }
+ D& e/ P, m5 H5 R7 d. a   else if (document.layers) {; I1 r) g  T: `  X. P
      xMax = window.innerWidth;4 o! r9 Q2 W% M) C9 @* ~
      yMax = window.innerHeight;
/ v9 ~; H8 n2 s" P; m      contentWidth=document.supertext.document.width! w) D6 }7 `' j) ?3 s
      contentHeight=document.supertext.document.height
1 M0 w6 e; E# W5 D      document.layers["supertext"].visibility = "show";) @0 {* [4 t6 `2 s+ X8 e  \
      }+ k. P2 |) k* S
   setTimeout('moveBall()',400);% Q4 v) X9 A3 a, U) N7 z
   if (hidetimer!='')
  _; X/ ]2 f/ W0 N. C7 q5 ^   setTimeout("hidetext()",hidetimer)
4 e& J, J- o, Z9 L+ ^+ B   }5 o) @- ?/ R; }+ p2 X5 g3 I

& H( |: M, }. r1 ufunction moveBall() {
0 l; f. ~. @7 E, p& Q9 a; [   if (superballRunning == true) {- `7 X3 j  u7 y
      calculatePosition();; {' a3 }9 G& k# z- i, G( F
      if (document.all) {
! @' I5 S. v! q3 p  P: {( {2 B         document.all("supertext").style.left = xPos + document.body.scrollLeft;' e& N5 d# m0 Q- K7 L
         document.all("supertext").style.top = yPos + document.body.scrollTop;
& N1 ~. z$ G4 G% }8 ?( q         }
: d% n) Z6 }- }' Q0 _* M      else if (document.layers) {
1 G6 o) B, z: f/ w$ e8 N         document.layers["supertext"].left = xPos + pageXOffset;
3 `' z  Y& R7 B* ^% |         document.layers["supertext"].top = yPos + pageYOffset;: S. X( t" d( T5 {* {* h
         }7 \4 w- d2 N! M  A' `- w
      animatetext=setTimeout('moveBall()',20);9 w$ d6 V+ v  m% U/ T8 w
      }$ t9 W! V: Y& ?0 y7 D0 P$ r
   }
3 c3 n, a3 J" N3 P1 K+ k3 c* k. T' N* K" `
function calculatePosition() {- U4 h& p4 t. ^4 ^! J/ _  E
   if (xDir == "right") {9 c( c2 D1 J4 M% \
      if (xPos > (xMax - contentWidth - BallSpeed)) {! M- K, Z- n6 D* ~! W( y. i# \
         xDir = "left";
6 `* ~4 ?) a- N& q1 ~) N9 w         }
# j) A- w+ a: f( H      }9 [$ R% f) W/ ?: V) F! i
   else if (xDir == "left") {
) K0 P2 o) u; \7 e      if (xPos < (0 + BallSpeed)) {6 c8 p) ?2 A. \/ m: j+ J
         xDir = "right";
  E* e1 A, j5 a) w3 o3 O' @         }$ z' T6 [) @; y* S4 C
      }/ D+ L- h4 X, Y8 u0 A
   if (yDir == "down") {
9 G5 J' T8 j; X7 W* U      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ n3 j# u4 Z+ ?8 x, @  R         yDir = "up";& v( s& K, |& q; M0 v( j% Z; w  R' E
         }/ }; U5 h8 A# }( C! }3 k" c+ B, _  G
      }3 W7 l6 r2 [' b! h$ B3 F  m
   else if (yDir == "up") {
. z7 k- c- w3 t; {9 p& z- u      if (yPos < (0 + BallSpeed)) {# |6 F3 T4 @+ K/ N5 C
         yDir = "down";
( B8 {4 ~$ V2 k( g% x         }# h- |  Q# V3 L
      }
' e) k2 ?6 s; {& x   if (xDir == "right") {
" @% Q3 E4 t/ Z8 g8 {# O      xPos = xPos + BallSpeed;* ?$ _% D$ z* V8 U+ e& b6 u
      }6 T( ~# N! }- ~! ^) c; ]
   else if (xDir == "left") {' u- W2 a6 Y+ G% U
      xPos = xPos - BallSpeed;
: e* w: q7 r6 Y' ?* p6 N      }
* r2 E" y# }& x+ {4 X% ^/ y" B5 `   else {0 S7 v0 J5 f- ]! ?
      xPos = xPos;# b6 l( K8 d. T& ?) D
      }1 E9 E! k8 Z/ @4 n/ O% b
   if (yDir == "down") {
* l8 N7 V8 u8 e$ x      yPos = yPos + BallSpeed;& Q$ O5 d2 ?% P( F+ S
      }" P0 l/ K6 P4 {) _) ]  T* O
   else if (yDir == "up") {  L! L* ~& S: L
      yPos = yPos - BallSpeed;
4 d, P9 t  I4 f/ S; C      }& g* B; x) {3 l% a' y6 G
   else {+ X' F! ?; W9 P8 R$ `
      yPos = yPos;
2 I1 g4 N9 j2 S  f6 z, x2 u      }
2 z1 l7 X/ Q3 ]8 L9 A& ~4 t   }
) u7 q& Z& h+ F, H  e4 u
, O1 j  C3 V0 C2 u, x! sfunction hidetext(){
+ X- i. v; W5 Pif (document.all)
5 H* ^7 A; K( t7 v+ r$ k0 e$ zsupertext.style.visibility="hidden"* r" ]! c5 }  w; J! e
else if (document.layers)9 a8 _! i+ O3 r7 F' V( X  b
document.supertext.visibility="hide"  Z1 o/ j/ K  I
clearTimeout(animatetext)
) s: V. q: g4 W6 @. [' X; i}6 C* Z2 F8 n1 o9 [8 ~  Q
% @; B  O+ E+ Z( u; D& k
if (document.all||document.layers){
, w, f- d9 B, zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0 y1 Q! {% i- t% p; z  e
window.onload = initializeBall;& }6 m  m/ h- t% a9 t
window.onresize = new Function("window.location.reload()");
3 X: O6 b6 n" d3 B4 ~' S( q}
2 D+ P4 p  N1 v3 C
7 N: j0 Z7 T1 T2 i' ~# e/ c6 I</script>

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