返回列表 发帖

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

<style type="text/css">
9 @5 a1 b0 q4 K#supertext {5 @2 E8 H7 j4 {! o1 ^: R  o9 q& ]6 }
position:absolute;0 G2 \$ c$ N! F2 Y& Q5 K
left:0;6 N3 S% N$ i0 x
top:0;& l% Y" P9 P/ r
visibility:hide;
, o/ l" K+ U% v' k" Ovisibility:hidden;( t( Q& U# l! o" A
}- t6 b9 |- J" [4 O# H9 @! O$ y/ D2 C
</style>, B( o& b4 k% a3 [
<script language="JavaScript1.2">
& _) T2 E. |5 n<!-- 改变下的字体的大小。颜色-->9 q; [9 W/ S9 ~1 t, Z
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% S$ }6 _* g" I: o1 o4 H. E
var hidetimer='';
& b1 ?* V4 f3 ?( s1 F+ D1 X<!-- 改变下的弹跳速度-->5 r2 e& }( I5 t4 J% T' t* H  S
var BallSpeed = 20;
& H: I8 |; E/ u6 ]: E$ R1 Uvar contentWidth;5 g* y& `) T4 ^0 Y5 n5 n
var contentHeight;& o+ X4 b/ ]* {/ V4 _  t
var maxBallSpeed = 50;4 F# a0 g, p- H5 N6 A
) S* P6 C% ~" x

" s8 J! {! O/ {( \4 Hvar xMax;! p2 P  x! z, }2 o! U/ A- K
var yMax;
5 d2 {% v! g. v7 G5 R8 g  H% ?( rvar xPos = 0;0 j/ g, x, G+ C4 Z; {# @2 P* n1 n
var yPos = 0;' k/ y7 _4 [' ^% q
var xDir = 'right';
9 N* S" S$ K1 o* F& pvar yDir = 'down';5 G+ C2 {% W5 U" n0 E
var superballRunning = true;
0 y3 a* ]3 h$ c1 g- C' j+ hvar tempBallSpeed;4 A  t% d" c% L' C% o7 p
var currentBallSrc;
/ h3 K" q/ E3 I6 p" }var newXDir;
+ a0 D, x( s1 ^/ i  g4 Cvar newYDir;
9 Y3 k" e% y9 y* G5 S  B: g5 i$ r+ o0 p; j- m
function initializeBall() {+ [8 g4 d* J& H8 S2 j& Y
   if (document.all) {8 F2 L1 [* J, f0 M: u' [; s
      xMax = document.body.clientWidth
9 s; n# P$ x6 p0 C8 [7 o: D      yMax = document.body.clientHeight
5 v1 M9 b1 G! S7 M      document.all("supertext").style.visibility = "visible";4 F# L3 w( A9 j' U4 E, {0 t! r6 n
      contentWidth=supertext.offsetWidth& H- n1 w. |1 J) W
      contentHeight=supertext.offsetHeight/ h7 @0 b6 G% O$ i
      }6 a; w1 F! J2 x! J- d: z
   else if (document.layers) {
4 e; n" {1 j$ H& E      xMax = window.innerWidth;3 L9 e7 \, `: |, L/ a, M
      yMax = window.innerHeight;8 q, W( G& n7 v2 F( L5 W! ^
      contentWidth=document.supertext.document.width  J' ]. l' J* f6 q& H
      contentHeight=document.supertext.document.height
( l3 d) `1 a& |# v      document.layers["supertext"].visibility = "show";
0 ~0 U' E  j. W      }  S5 g* U' O2 C5 L, c) M" }1 |
   setTimeout('moveBall()',400);
( t. A% c! r; h( v   if (hidetimer!='')3 W- p# I+ d( ~7 O
   setTimeout("hidetext()",hidetimer)+ [/ _* E* F- x! J2 n9 F4 D
   }
" j6 |# P- c4 A
. M7 ]" G. |: l2 Ufunction moveBall() {
4 j8 F( S' n0 U: ]0 J   if (superballRunning == true) {
7 _0 `4 M4 E0 x: l9 p5 \8 Z      calculatePosition();
' e1 L4 s8 a% h1 u      if (document.all) {4 S. e0 Y/ z5 Z$ b% `% m) o( b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
! B+ m) ^! N$ T# A- C& I  ?         document.all("supertext").style.top = yPos + document.body.scrollTop;
. _2 ~9 d5 t, U         }  M! Q) s2 `" w2 V$ E
      else if (document.layers) {
  z0 V  y2 V& l; U, F6 ~3 m         document.layers["supertext"].left = xPos + pageXOffset;
+ |8 {$ J% S: z9 p& c3 n% g         document.layers["supertext"].top = yPos + pageYOffset;  n2 V2 d; z- u4 O5 m: D
         }* V7 y5 Q* L' s, i
      animatetext=setTimeout('moveBall()',20);
7 [0 {* n0 u& {  R      }
0 D6 j% M; @- C   }
4 x$ w# |4 c: f6 D7 E" V9 h- E2 V0 U0 D
function calculatePosition() {
$ O; ?: {7 f! L0 B/ J( N   if (xDir == "right") {& C/ \) t/ L: h2 g
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: _  R8 @: q1 t! Q$ x1 h" L         xDir = "left";
8 |7 X! v* E- {2 r3 H- K0 W6 K! c         }5 k4 S# N/ X) ^! y: ?6 `
      }9 o5 K( p+ n- ^' c3 M- q) x2 Z( ~4 o
   else if (xDir == "left") {( q8 ?! y0 R+ R. E- v; o1 U2 s
      if (xPos < (0 + BallSpeed)) {
! Z1 X# b  q8 U         xDir = "right";
- p" y8 d, E6 h" V* ~0 j4 L  y& u2 W         }
8 P; ?! U7 G+ M  @      }7 m$ r; P8 G* I; w! _+ Q! ~
   if (yDir == "down") {
+ T+ `) B1 C+ R  l7 R+ G9 n9 A8 T      if (yPos > (yMax - contentHeight - BallSpeed)) {
7 A  I  g! s6 [) V( c& H& s         yDir = "up";9 `9 o1 ~' ?. m) [# }, n5 ^
         }
! w) B; m4 [* |1 Y  ?2 E1 E7 B9 A      }
$ E7 j& P2 }# V) o   else if (yDir == "up") {
! T9 Q! w3 K3 `      if (yPos < (0 + BallSpeed)) {
. [6 M" b! B1 x9 `% A" k         yDir = "down";
. g+ k$ _* @3 x         }. K# x( d) M. Z* k7 k; q  _
      }
' l5 W. B6 E7 G. d! ^/ E' B   if (xDir == "right") {' s/ E2 p- k- x! V; x
      xPos = xPos + BallSpeed;' H+ z) ^) \, Y2 s2 F1 q! s- @
      }/ Y; W, u, B6 e" ?" d
   else if (xDir == "left") {" S; V' I& s4 ^+ Y; t* o* m/ D
      xPos = xPos - BallSpeed;
9 ]7 K# c  S7 J) @" h      }, M: S; z- a  I, r1 E+ v! j' O3 A
   else {
  h0 f$ H! X" O3 Z: S/ v' [$ a  W      xPos = xPos;2 x3 G# w6 j2 Y3 @
      }
( ~, |- i+ r. e5 d8 Y0 Z   if (yDir == "down") {6 e4 a% S. {6 Z' r+ L
      yPos = yPos + BallSpeed;
9 h, H: H! W6 n% x' ]      }
4 z* I* x8 x! ~   else if (yDir == "up") {2 z0 B% s) C( `( m- w1 ?
      yPos = yPos - BallSpeed;
7 O( X4 L) u0 I9 e1 z      }
- v# \$ ]- ?; }5 a! D; E: Q   else {
% Z: d! O4 M& _      yPos = yPos;
) B3 h9 V1 l; J      }# @: u' l7 Z  G( q& `5 j- g4 ?) _
   }0 c# I. u3 J( ?$ P0 O, f- \
1 l9 H- Y4 Q2 I& D5 `
function hidetext(){
# l0 ^/ i' `1 r. U' O) hif (document.all)
% A% p  a/ t8 t6 ~6 C) ~) m% gsupertext.style.visibility="hidden"
7 I4 X8 F# |. B- J1 I( @4 S) lelse if (document.layers)% R2 W  l' U/ Q  h+ M/ g7 a. B4 c& _
document.supertext.visibility="hide"
2 {' U+ P! c9 {clearTimeout(animatetext)
# [+ x* v( V: \. d6 T6 ]7 I}
) q0 X/ I; j+ f( x3 @! f" n3 q: _1 ]
if (document.all||document.layers){7 }7 @1 v" V$ |* p% _& {$ r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. g& S$ Y& L- T0 Uwindow.onload = initializeBall;
. Z% h' |0 M: q# I; gwindow.onresize = new Function("window.location.reload()");. ~# u% w5 M4 O# }
}, z5 a9 j* Y$ B2 P. l
5 H6 j* o' j9 L1 {5 M
</script>

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