返回列表 发帖

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

<style type="text/css">
% f0 f7 X% p, x2 M$ c% x/ u! d+ z#supertext {
, ]" ?9 Y, h# S9 V3 [7 r1 O9 }position:absolute;
4 Y* t; ^# A; V4 f  pleft:0;& _, R6 H# y- n0 T
top:0;
% G, }1 f+ {6 c: M9 r5 _6 Mvisibility:hide;- }  z3 U/ R3 V5 M. e' U
visibility:hidden;
9 ?+ g1 ~% v; Q}
# p% U# ]6 E3 w  t</style>2 _& q  q+ M( E6 ~; p# W$ ]: C* t
<script language="JavaScript1.2">
8 n6 u' h, D; P, S: {* ~  ?+ O<!-- 改变下的字体的大小。颜色-->
" {4 l: e& h1 z7 A9 R! `! \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* J. W/ f& g: ?var hidetimer='';
. v. B, x& Q) M* b<!-- 改变下的弹跳速度-->
4 V7 [4 x8 P. j3 s: i) kvar BallSpeed = 20;4 O8 J' [" P* o- ]
var contentWidth;& [7 u8 V- Q& J( }/ Y% X
var contentHeight;
6 K+ c: h4 l' z! b! M) c- Yvar maxBallSpeed = 50;1 F+ n  |; R: E$ s6 {

' Q2 P# i, V. \" g; `
8 u6 J3 F1 A% i4 R: X  G2 Bvar xMax;
. M9 }$ L0 C# y" W2 o( wvar yMax;. ?# C- u# i7 G6 v1 f3 X
var xPos = 0;
; g  x0 k' U- Evar yPos = 0;
; [4 g$ U* V, M1 Y4 Yvar xDir = 'right';, M+ s, X+ }) O/ K/ e
var yDir = 'down';
4 Q% a! L: l, b4 xvar superballRunning = true;0 o: C/ w# i& A" X, ]# @' z3 @
var tempBallSpeed;4 g$ z/ W; z/ a9 ]' @+ G
var currentBallSrc;0 H. z2 f7 b& s* s. R0 N0 O
var newXDir;; y, d( u, O; h% y  E/ P0 C. Q
var newYDir;
7 g) _' O* g3 Y% J% z( ]# [
  @' _$ t: t9 b5 Y/ W. \function initializeBall() {( I& H, T. ~, j* |7 g
   if (document.all) {
4 P: ?3 r0 ]" ?+ [- [% b% j      xMax = document.body.clientWidth, m0 u) ~+ j- Z2 L3 B8 N
      yMax = document.body.clientHeight
  P! y, d$ {) q7 X5 a/ E      document.all("supertext").style.visibility = "visible";
9 x4 b- `  e, j      contentWidth=supertext.offsetWidth  ]( `( A0 t& i# e% J
      contentHeight=supertext.offsetHeight3 ]4 B( M. C2 V8 G: o7 ?; D
      }5 s( M; x# A! t+ y- H
   else if (document.layers) {
! R) {+ E% _$ V# X* ^3 N      xMax = window.innerWidth;4 R# N# q' S! J
      yMax = window.innerHeight;
4 `/ ~3 t; G6 F/ b: p4 y      contentWidth=document.supertext.document.width% j6 b3 R, m1 v
      contentHeight=document.supertext.document.height
( q6 O& h2 C, Z      document.layers["supertext"].visibility = "show";
4 A$ q3 U+ B  w: Q) S      }( n0 ^0 e: K; y, a( o
   setTimeout('moveBall()',400);7 z" H1 J5 _1 `2 w8 I/ G$ D2 s
   if (hidetimer!='')
- F  w- Z; X; d3 Q( i/ f4 b" d3 V) h   setTimeout("hidetext()",hidetimer)
7 \. r: Z) |, c+ x6 z( q   }
) B/ c8 U$ l" P( F! l. }3 o: e" T
function moveBall() {
1 N' g! l/ g- [   if (superballRunning == true) {
: M5 G; L1 m* f) m- S9 K5 i. Q      calculatePosition();
1 H+ ^) m$ G. C" q2 a      if (document.all) {2 }9 F- J& U2 _4 C8 e
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" |- h, Z7 y* A% l1 T9 x         document.all("supertext").style.top = yPos + document.body.scrollTop;8 O$ |! p9 p* z; }8 C( l
         }
/ _1 i0 f6 o! b5 ?/ @      else if (document.layers) {" V  n5 w' B9 E
         document.layers["supertext"].left = xPos + pageXOffset;
- [. I& @9 e& N1 c! h: D1 h. C/ q( F         document.layers["supertext"].top = yPos + pageYOffset;
9 I7 w8 M* y/ s8 A3 X& W( T' }         }
( @. A/ g. n. e2 a      animatetext=setTimeout('moveBall()',20);
5 q4 ?) B! h2 K, P3 \      }$ I6 C: s+ C, E8 W7 J* h
   }6 N  u5 G( h+ b4 E

; }' r* Y5 x% X" J0 N  mfunction calculatePosition() {' r6 s; M7 D( m3 `3 h4 |4 \4 E
   if (xDir == "right") {
" Y# T$ `$ z) R$ M! K1 y0 G2 ?      if (xPos > (xMax - contentWidth - BallSpeed)) {
3 b: a' e& ~4 [2 g         xDir = "left";
$ I0 K* r$ o% l" z6 e& T2 X# I; J         }0 z2 R- k9 ]5 ~. _
      }
5 n) v9 f, {+ y! G, f   else if (xDir == "left") {- v$ o$ r9 G) e, U( K7 i- d: o
      if (xPos < (0 + BallSpeed)) {
! F, r4 p% I0 `: |9 N3 A/ v/ E( o         xDir = "right";5 Q9 \, A$ M; l  G% n- `
         }
8 g4 z7 U) x- q      }) G9 I5 }" h7 v0 X
   if (yDir == "down") {, A8 ?+ M9 c% Y% s' }" J
      if (yPos > (yMax - contentHeight - BallSpeed)) {6 m) y5 m- U7 G( l* P# \
         yDir = "up";: {+ h& V# f- ]; |) l- O6 D' H
         }
$ s: [3 D) d2 F( M7 b      }
2 J) I6 l4 q) f# ?; X; y* K9 z   else if (yDir == "up") {4 {+ X$ J, K& }! ]7 N
      if (yPos < (0 + BallSpeed)) {# C% [" A$ f( |* {! V5 i% t' ?3 u# y
         yDir = "down";5 r. w$ ~3 H" l; A) O' D- [
         }% M9 M: r# o- [$ w. L+ a1 j
      }
  h  [8 i0 F- b4 W6 |, [# j   if (xDir == "right") {
1 ?8 y- v0 l8 Q- L      xPos = xPos + BallSpeed;
$ H* l9 P/ m/ p  `. Q      }$ v6 t7 z: l1 J- }8 ]9 w
   else if (xDir == "left") {
) u' X8 I3 q9 h  D+ [- s$ H) H* V* K      xPos = xPos - BallSpeed;* C7 R" a  T/ |3 e* v/ ?
      }
, Z* o8 D$ b- I( X- x6 a   else {
* W* w$ [( }6 n' m      xPos = xPos;7 e( y. _% j9 C* z+ N) }" A# T
      }
* z. s# g& Q- |9 n% W% g   if (yDir == "down") {
/ _" `$ Q: L6 z2 S+ X% f  X1 y      yPos = yPos + BallSpeed;$ Y+ a$ M- h6 [& M; ]2 X8 t% W
      }2 K. g7 b# q# M0 \! e9 J
   else if (yDir == "up") {
- L1 c% |( W. c      yPos = yPos - BallSpeed;
$ j, A. t5 V6 M% d! ~5 U* T2 q7 j      }" O5 }1 y8 l% `, Z7 @; u2 T
   else {
& A/ _" u  q( Q0 `% W' V4 n. a      yPos = yPos;
# X. S% \7 P( j      }
- r8 L8 S# {" S   }7 T- i) b, c. t0 z/ K' J

! I. E: x. O& C6 vfunction hidetext(){
* E) k2 F. i6 p3 vif (document.all): d1 Q0 z8 U6 B9 N2 F5 u! b0 n( x  b
supertext.style.visibility="hidden"
) R9 U5 }5 ]0 t. q5 @1 ]( K1 Uelse if (document.layers)
  X4 `5 w# q( p" s; ndocument.supertext.visibility="hide"" ?, Z0 m9 C3 M+ b- A( Z: P" i( ~$ |6 @
clearTimeout(animatetext)% `5 v1 M' W3 b; x
}) x* |5 H/ i( X% `

2 X% w6 Q, E, z- f. w! N. _" Uif (document.all||document.layers){
% p" A+ Y% {+ r' y/ D4 odocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! d" n& K  F8 swindow.onload = initializeBall;
- Z$ R: p+ e/ B7 O4 x6 w' Vwindow.onresize = new Function("window.location.reload()");. P5 j1 V9 B& t2 J8 t5 S
}
0 J6 R/ t9 u; V; x. S7 C% _" P( {3 F& p) q& }
</script>

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