返回列表 发帖

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

<style type="text/css">
; ^# g. W$ l  p: C9 C#supertext {) q5 M( @( g) S1 m# N# \6 Y( b3 f
position:absolute;
: C' L( [) X' _0 o, wleft:0;
" ?: }& U; D+ x7 q+ M- _5 C1 ^top:0;: u( V, o/ w4 t2 d% }! `
visibility:hide;: W: Y2 U+ V5 C& ?5 N
visibility:hidden;% ?6 z7 z3 F8 R" V
}
' Y# B& R$ e2 Z) L# j  v3 E</style>
  O1 \( w: q; K5 c7 U- B<script language="JavaScript1.2">
. ?  S- J5 B* G3 q4 U7 F<!-- 改变下的字体的大小。颜色-->6 H" ]# R( i' c" _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
; x6 E; s5 B& C1 E2 b+ b3 mvar hidetimer='';+ f1 ?' P3 f  m( J2 y- o
<!-- 改变下的弹跳速度-->. }3 O/ G5 C# o$ |+ L
var BallSpeed = 20;
0 e) E& w/ X( z. }0 B+ ?var contentWidth;
6 ?+ \7 T. Z: G4 ], P) T" x7 zvar contentHeight;$ C; H# F* d, X, u
var maxBallSpeed = 50;
1 E" J" e; N. U2 Y6 w! }1 t2 N- `1 Z9 M0 E: _- m) _6 j! \
6 [) _" c  E8 X6 ]* I1 g. \
var xMax;
4 R5 n) S) ]" d) b0 c+ uvar yMax;9 F" y3 k  ]" u; |
var xPos = 0;
8 I  [+ h8 N0 d8 _; ^5 ?var yPos = 0;) N6 V/ B" z& y5 ]5 ?* M# O
var xDir = 'right';
0 m7 B/ B2 R$ l" S2 a* @var yDir = 'down';
  C) [. ]4 X* s2 @* zvar superballRunning = true;) ]$ A) G( A& j# c1 N) M7 {
var tempBallSpeed;
: @! O' R$ x! f$ d" m- G+ Zvar currentBallSrc;
0 I( C+ ^, d4 H% j' I4 N8 w9 F* Yvar newXDir;, {0 g! }" l& u, Y" {
var newYDir;
5 V( K/ I- _3 R# }% A$ f; z
% @! \1 C* w  L7 j* wfunction initializeBall() {- v4 Y# R: ~2 @5 Y1 N; a
   if (document.all) {
' f  I  g) G& i2 t" B  b6 l" S      xMax = document.body.clientWidth
  m7 r$ o6 m6 `% p/ m+ U      yMax = document.body.clientHeight; K% |% @/ S$ u' R5 W. _
      document.all("supertext").style.visibility = "visible";
4 G; i6 k& y9 b# s      contentWidth=supertext.offsetWidth
: B8 m  A& c& x; Y# T* ^; @      contentHeight=supertext.offsetHeight* g& w8 @  }8 D( q
      }
8 Z* g' \! ?% r+ v5 f- q  j   else if (document.layers) {
0 S# d5 j& e" B+ o4 k      xMax = window.innerWidth;* |: n. h  B6 ]" [; Z5 N
      yMax = window.innerHeight;1 F) C; _* P  O; ^. ]
      contentWidth=document.supertext.document.width
9 `2 M1 d/ u/ o9 T1 X      contentHeight=document.supertext.document.height
/ G( t" Y, c1 f- v* e- D      document.layers["supertext"].visibility = "show";" _# c# t: j, y
      }! f) z7 {$ B% ]
   setTimeout('moveBall()',400);
4 u% f' j. K1 X( j   if (hidetimer!='')
6 ]; ^5 w, c' ?5 g& C1 J   setTimeout("hidetext()",hidetimer)
: {$ N2 h% g6 s8 f# i/ n   }* Z; Z  C0 Z5 @/ w% D5 r4 A5 a) V
, Y$ R% z( r* A
function moveBall() {
0 z) _( w; Z$ G9 c: h( F  q! b& k. H. L   if (superballRunning == true) {; o0 ~' y% V# w
      calculatePosition();. P/ f$ y) I, U) T- n5 O4 C4 u- }% L
      if (document.all) {
# @% M# y; }0 M         document.all("supertext").style.left = xPos + document.body.scrollLeft;
) I/ t2 J: F% p$ i         document.all("supertext").style.top = yPos + document.body.scrollTop;7 l7 B( T5 q+ q
         }
$ C8 D! g& ]1 ]4 S      else if (document.layers) {
! i. E8 W, J3 d* q# U9 ~         document.layers["supertext"].left = xPos + pageXOffset;
/ o3 @$ \! ?2 ]7 o' q         document.layers["supertext"].top = yPos + pageYOffset;
) `7 S+ z3 m* K  m0 V" o         }
& @; }8 u. A8 `! N. N      animatetext=setTimeout('moveBall()',20);
4 ^3 C0 K7 [# x6 t      }
) y( J, c1 b8 k! u) V   }
- X  M: t1 t$ t! P: z# e  B) w3 S+ U' r- E$ Y' f# u
function calculatePosition() {
# V% y$ T: {/ z1 \! y  r   if (xDir == "right") {. t* {# o' E- I( f! U9 |5 X
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: ^7 O5 _' t# j         xDir = "left";
) C' N% I. o  i; [         }, @2 J4 T& {5 ~# u( P+ u! A, \3 O
      }$ t' q9 z2 N" b* B
   else if (xDir == "left") {: O: x! K: L9 y
      if (xPos < (0 + BallSpeed)) {: m5 |. _, z0 S$ b4 y/ ^
         xDir = "right";6 I+ p6 f- d8 `2 f6 C
         }9 S; ]! o% F6 E9 h% A4 E: o1 S3 M
      }! S2 `7 T& ?3 g( }8 V3 O9 k" N
   if (yDir == "down") {
$ O) p' y5 \6 b! \) k      if (yPos > (yMax - contentHeight - BallSpeed)) {
. R( `" a- N. k9 D& r8 Q, l  q& E         yDir = "up";' K% u) ^3 M' Z, K
         }+ C8 x2 z! ~, g9 D2 z5 `
      }
7 H2 y5 i; c' P' l4 o6 W" m1 O   else if (yDir == "up") {
+ ?' W' u% R5 I2 X/ R; r- V5 y      if (yPos < (0 + BallSpeed)) {% P* \, {" e' Y4 B! R
         yDir = "down";
: ~: z1 h* O7 [         }# v3 F: G. g) y. w/ o+ L
      }
% X/ m4 E" j, x- v/ q   if (xDir == "right") {4 [  `. F! Y1 k- `: {
      xPos = xPos + BallSpeed;
+ n/ l+ Q. b% i. r" f      }6 ^9 I) o+ Q+ P1 K3 L) A
   else if (xDir == "left") {
& ^. h6 i7 V5 K" G2 U. N& F      xPos = xPos - BallSpeed;
! b/ X$ i( P9 q! F      }( \0 J. r3 X- q5 Z. D
   else {' m9 f( W% b* b% E# i7 ~0 I% H3 P
      xPos = xPos;
# L: S. y6 b6 G0 Z7 t% g      }
; E8 @2 ~/ W5 @+ P; P9 F   if (yDir == "down") {; B) i% h" i+ L3 e& `# t$ T$ l
      yPos = yPos + BallSpeed;
5 m, _- r7 ?9 Y      }  C  M; \, D" j1 z4 A
   else if (yDir == "up") {
+ j& X) v: @; E" L  ~2 T/ @1 Y      yPos = yPos - BallSpeed;
. n0 \/ `0 [9 I5 L6 W! Y# E      }
" B9 w" M2 L# v9 q; h' K" o   else {
: k' z" Q: V' o! ?" w: d' [% U      yPos = yPos;
) O! C% Z3 k; N      }
/ m" g0 w& S, J7 k0 i0 M/ c   }, |( N$ j. g* C
1 l- O; e% S: n6 j1 x$ @* {
function hidetext(){9 s$ v- d6 @+ l
if (document.all)
: `- J$ G8 x4 e; I/ Y" k& Zsupertext.style.visibility="hidden"
9 L; X1 i) T) R( ielse if (document.layers)
8 z8 H' R) b+ e2 S' K& hdocument.supertext.visibility="hide"
9 D& a+ M3 K. l2 H" d1 F6 l/ PclearTimeout(animatetext). H# b! c0 N/ j& d4 n' j
}
+ d+ E6 U" S5 g% K4 m  ~7 n
; m! p2 t: K- P- vif (document.all||document.layers){
$ ~: r( v0 h( ?# }" K; Z- D+ `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 z! ~$ \) F3 }6 d, _# l, Gwindow.onload = initializeBall;
0 J( c4 g6 h6 S$ g* J; Ewindow.onresize = new Function("window.location.reload()");) }  v1 }0 Z, V5 R
}* H  p: b5 A  X4 n* u
7 v7 U7 o1 f  s2 Q& ]
</script>

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