返回列表 发帖

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

<style type="text/css">
4 m. ]9 M$ }/ W; j" x6 ]$ m! ?1 ^. Q#supertext {
4 m! v6 m  F+ |1 e+ a9 i( x* U. w3 vposition:absolute;# H/ Y% r8 B- }9 ^
left:0;
+ @: n& J- a$ Q# {% Itop:0;
5 m8 g. T* v! q! Tvisibility:hide;' N5 A) ~: N1 A; _; ^
visibility:hidden;
% H5 m5 H! f1 U) r6 q1 P+ ], A}
' z4 G2 s; i; K( f: L. l. z. Q/ a! \% a</style>
/ _% x+ j, l' J. t0 o$ T" }<script language="JavaScript1.2">  {  `4 H: ]! V& D* \8 R2 s+ I
<!-- 改变下的字体的大小。颜色-->( j( }' L- i$ m9 q4 L. G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
8 ^  X$ F3 ]- b( x. Xvar hidetimer='';% s( J3 f/ O; |. {5 g
<!-- 改变下的弹跳速度-->
4 e, |- h4 W7 K2 U) K. u$ tvar BallSpeed = 20;
/ E1 w# X. |6 b; D' J* P3 ~: X6 i5 Wvar contentWidth;6 |  Q% v/ b5 A' ~+ g( _
var contentHeight;
2 J4 ?; y7 b3 M3 Evar maxBallSpeed = 50;8 a1 R3 S4 G7 p0 m/ z$ _- J
6 q& B8 B& }0 j: F# }1 R
+ n/ h4 I2 |+ K+ x& n% M
var xMax;
& U$ @. [" H7 C' S9 lvar yMax;
. B+ C7 j+ q0 vvar xPos = 0;
/ ?6 h5 ?6 _" b' Ovar yPos = 0;
3 o1 i1 @, d/ s! z) l1 b5 hvar xDir = 'right';
) p+ M+ _! v2 W9 x0 \4 V+ J& _  gvar yDir = 'down';
( M2 r" X& X, P; i  ^var superballRunning = true;
7 C6 g1 c; d# C# [3 ivar tempBallSpeed;2 t% Q& m( S; @2 X8 o. A
var currentBallSrc;
# S, \* c! ]0 A- w; D0 Mvar newXDir;/ i& @6 J) p/ I. ]3 q. I
var newYDir;
5 G1 E' s8 Y$ H( a+ i0 X, k' \( g) }7 @" m3 G8 y
function initializeBall() {
( c+ O5 `5 }! N: p/ r   if (document.all) {! g3 A# S4 F! N6 ]
      xMax = document.body.clientWidth
! S" h* }3 R! n0 H  s+ i5 o1 _      yMax = document.body.clientHeight
# S6 p, R0 P" a; y& [      document.all("supertext").style.visibility = "visible";% y+ ]- B7 w& U7 C# U
      contentWidth=supertext.offsetWidth. ], n; U7 Q4 |
      contentHeight=supertext.offsetHeight7 z: r% s$ p* L6 b' j6 u
      }
( P; v& ~  ~& I1 R  J& F   else if (document.layers) {
: M" R1 o# y" {: V      xMax = window.innerWidth;& T9 s- H1 e0 y& g
      yMax = window.innerHeight;# z3 {. p: \: v8 y
      contentWidth=document.supertext.document.width
# q: k* J, D4 J5 G+ |( w) u! ]) ^* z      contentHeight=document.supertext.document.height7 H( {5 J$ L0 g6 i7 N  U: Y$ ~
      document.layers["supertext"].visibility = "show";
. `9 N) S) E3 r      }3 J' e6 K+ f' d* |& m2 x! Y" z% \
   setTimeout('moveBall()',400);' ~" R" Z3 _; `" T9 Y
   if (hidetimer!='')* b1 \- {  y. T7 t/ ]
   setTimeout("hidetext()",hidetimer)
: f9 |% E0 t9 D+ s8 W8 v; |& U" i( a   }
1 a, n: ~  |+ q- s, v( y4 Q! W% w5 K$ _
function moveBall() {
' r! F# c; B  Z  D9 W   if (superballRunning == true) {
  P8 n7 G7 F  d* G7 Y8 D- N' a      calculatePosition();
  [0 j" s% H; u1 Y+ s; d! ]      if (document.all) {
3 l' B% h# i- ^  I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
1 {0 S$ H9 n8 w- |. b         document.all("supertext").style.top = yPos + document.body.scrollTop;( F6 f. V2 R* u5 ]5 g8 D' D$ n
         }. A: E' f" `# e% d( F  |
      else if (document.layers) {
8 M( M) O: E  x; q         document.layers["supertext"].left = xPos + pageXOffset;
( u5 @8 J2 u2 m9 E         document.layers["supertext"].top = yPos + pageYOffset;
+ a7 @" F6 f/ M  l         }2 I, [% h. s# V8 Z1 d3 c
      animatetext=setTimeout('moveBall()',20);
& N) X# m& b" {/ D5 N# U      }" X* t9 Z) I! u+ y  Y4 G
   }/ g& C" S0 m- b7 y& K3 S/ R
$ j1 V" ]% g6 }3 C2 l6 u
function calculatePosition() {: ~7 ~8 a# |3 E4 F. V. T/ ^
   if (xDir == "right") {
( r$ \- s4 ?, T: o& H6 n1 X: K* P      if (xPos > (xMax - contentWidth - BallSpeed)) {
8 a6 |& {) U; }( s# \6 J" o         xDir = "left";% V- U. ^8 j( W+ N
         }8 c: x& n1 _* T; {- {
      }3 b( v+ p: {) {" l4 v
   else if (xDir == "left") {
6 k9 g! L5 ]0 ]  L- ]6 P; g7 ^9 y  X      if (xPos < (0 + BallSpeed)) {
  G% V( ^$ e' q+ p2 ?7 \         xDir = "right";" R8 D4 r3 g, Q4 g6 j( q
         }. o1 a' u, v( ^8 @9 N1 y
      }7 k- u" X& J0 H/ ~. x- ~
   if (yDir == "down") {0 O: w# m" T1 }2 G3 X) O; C
      if (yPos > (yMax - contentHeight - BallSpeed)) {
# w' k5 \2 t8 |9 r" t         yDir = "up";
8 `% F9 b6 L+ B8 g/ N( e. k         }9 f/ N( Q7 Z; ~9 e! U
      }
, |, R9 m, f4 V0 z- z1 O   else if (yDir == "up") {# x0 v: g& ~( X% D0 e
      if (yPos < (0 + BallSpeed)) {
- Z  X% J# Y5 l7 m  ?- p# C- G         yDir = "down";+ C9 V1 g# G9 j+ J. @. i& J$ c# q
         }1 _# B0 R1 o0 W* ^0 r
      }
9 g+ Q; I- S( M$ _# V, D3 l. n   if (xDir == "right") {4 m- b! v( B4 G/ D! J
      xPos = xPos + BallSpeed;3 s4 G; I: X2 W2 P1 K% ^2 W
      }, \; W: z0 J  _$ D
   else if (xDir == "left") {
# Y/ [3 j& E) i) A: t9 F& F      xPos = xPos - BallSpeed;: v4 A4 n0 t$ D2 F) f
      }
2 a4 P3 _( C. E* T9 C   else {  n/ ~6 {% J5 y5 ]) o) D
      xPos = xPos;
! N/ ~" v% v8 O      }
+ f/ Q) m/ ^/ s3 b4 c5 K8 n4 ]7 _   if (yDir == "down") {
: Z& ~% ~! Q6 \' r      yPos = yPos + BallSpeed;
' y# z9 Z* |- d( w8 A      }
3 n& f* B$ G0 h7 j6 I   else if (yDir == "up") {8 ^' a, C; ^5 z% q
      yPos = yPos - BallSpeed;" f( V4 o! a. W, Y4 o+ A6 d" J3 a# B
      }3 h# g- |" _) o* J) `$ A# c8 ^
   else {& j. ?) x; S" h, Q4 n8 l
      yPos = yPos;
& t! Y8 q% R7 K" V/ r" q) M5 b8 ^) F      }) ]. c: Y6 _) W" x4 g6 l6 n9 L0 R
   }
0 [7 a% k0 q' T+ O- L
) S$ G/ P# i1 Z! K/ o/ j4 }function hidetext(){
1 E! U3 f; `& c4 D8 Hif (document.all)8 J6 }4 n8 F3 L/ y1 M$ }
supertext.style.visibility="hidden"
/ k. N" C2 p4 c4 @else if (document.layers), C/ C; g6 y! u9 F, K1 M4 U' o/ v
document.supertext.visibility="hide"
8 \/ a1 B: E; O. E8 f/ u. G5 v; TclearTimeout(animatetext)3 y% L: `1 m7 n. l: ~
}
" t- O% f5 k9 U/ b9 Q( h+ a' {7 M( Y' `* L
if (document.all||document.layers){+ O0 q7 j1 o; A; O/ k5 W- ]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/ i. F$ [3 Y7 ywindow.onload = initializeBall;4 g, `4 A% f. u  l/ K4 W' z
window.onresize = new Function("window.location.reload()");' Y- ]6 r2 B7 [' a- `, e
}
* ?7 F* f1 v2 p% R
; E% o: [: @3 Y) H* c: r1 D</script>

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