返回列表 发帖

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

<style type="text/css">
& @" U5 l) F5 n! @" i) P#supertext {! t3 K' M- |. h% ?2 z$ Y5 |/ A( E
position:absolute;
& X& M; }+ p% z( cleft:0;2 B4 x( J. P2 ?! w9 p
top:0;, J% B8 D& C6 K0 _
visibility:hide;
0 X( J5 _! U0 |9 B+ lvisibility:hidden;
! V, n& P# e+ I( _) \3 F}
8 y. l8 j/ q9 x" L2 M$ J  x+ f</style>
' k5 e1 ]% g7 r* J<script language="JavaScript1.2">6 Y: t( i) H5 B% n
<!-- 改变下的字体的大小。颜色-->
" a" P- f# Y' D* l) d4 kvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'5 W4 A. X: }$ C/ K4 D0 f
var hidetimer='';& W& A4 G" a/ w% W
<!-- 改变下的弹跳速度-->" x$ v* e& Y! T% ?# Y9 w4 {; w
var BallSpeed = 20;. K) R7 i$ B! O! u
var contentWidth;
; u2 [% Y0 l' W% m( V& e5 E' qvar contentHeight;" l' d7 M! J  ~! b
var maxBallSpeed = 50;; n7 D/ Q# Z9 l/ k+ v  i: l* P& O
, Y- Z$ c0 U$ |6 W, V8 p
; O, D9 }2 [) c  Z0 a
var xMax;6 o5 s* L8 }7 s4 l' ]5 g
var yMax;
4 ?3 o+ k; O! c: z- c% b4 Z5 }var xPos = 0;
4 l' l0 b' v, i, |var yPos = 0;
2 a0 t5 I" T1 B4 n2 ^var xDir = 'right';- B) G; E, W" k; b& `; [
var yDir = 'down';
' Y& u: r' I. t  |2 {: k# ~var superballRunning = true;
: g+ k; e( q# e6 @* F/ s; B/ a2 m4 jvar tempBallSpeed;
5 @; u8 M: o- h2 R* a; p$ k/ i% ^var currentBallSrc;, Z# t6 ?+ ]" R. }  ]
var newXDir;- V* W4 ^- ~+ I" [
var newYDir;% J2 |9 e8 B/ ]' j; n0 e. a

9 h1 D2 R+ y' c8 {0 K1 ]function initializeBall() {# Q3 K! W1 ^9 s
   if (document.all) {
7 T+ P* T1 A$ S$ Y. _) `4 w* y, ?      xMax = document.body.clientWidth
) C/ \. \- s- F( o; _. U4 {      yMax = document.body.clientHeight5 m  _7 x0 H9 w# B
      document.all("supertext").style.visibility = "visible";
4 B9 i2 b2 Z& b8 Y* y+ O: v$ p; K      contentWidth=supertext.offsetWidth
# K/ z3 H6 }5 M( W6 O' q/ g      contentHeight=supertext.offsetHeight
2 V( z1 p" v* `) X% p2 F      }" `- s4 H& |; o; y5 n6 K
   else if (document.layers) {
' x, l$ ?- j! S, U% i      xMax = window.innerWidth;7 p5 j/ }1 ^7 G7 J4 F
      yMax = window.innerHeight;
, k& {4 C# {) @8 G# j4 ~  P      contentWidth=document.supertext.document.width" v  _  ^7 K. X; Z( ^; ?- J! [- ^
      contentHeight=document.supertext.document.height3 r3 `( D" [6 f! C/ v
      document.layers["supertext"].visibility = "show";
* r& w, ^' R) q; M      }* r, d2 c8 ]2 X, ]9 f
   setTimeout('moveBall()',400);6 _* v. P: Z( L  ^
   if (hidetimer!='')
+ u9 N6 o8 k( z1 X) }* ~   setTimeout("hidetext()",hidetimer)
# l' }6 i& S; _; l. R2 F  \   }
; ~' ~9 Z. w7 ]" h
& Q2 d. I8 f4 M9 \function moveBall() {2 d3 p% {) d* S& S
   if (superballRunning == true) {3 W8 X- t3 @- U- b
      calculatePosition();
/ {4 |2 n& n! j4 R/ {! y      if (document.all) {: }+ V$ M  e- l0 }6 y1 m
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# N% B" V$ T+ @  d+ @         document.all("supertext").style.top = yPos + document.body.scrollTop;9 e3 v; W! h1 |# C5 f7 N1 F
         }- H- L# ]+ K7 Y) E# t
      else if (document.layers) {9 @, r4 W4 g! D
         document.layers["supertext"].left = xPos + pageXOffset;
. k) Z$ O3 f' m6 q9 O0 u4 p         document.layers["supertext"].top = yPos + pageYOffset;
+ J/ k- o8 l+ Y; j; ]( A3 T% v/ V- [         }* D1 j$ f7 m  _2 M. D* j, k
      animatetext=setTimeout('moveBall()',20);& C7 p. e, F, {; a1 x0 }
      }
8 P" v: ^9 U' j4 Z/ o   }! T4 z6 f; J% B1 l9 j

/ T) O& k$ t4 Vfunction calculatePosition() {. T" r; Q7 s6 Z4 j
   if (xDir == "right") {
$ c; N# A" N* A2 @% E# K      if (xPos > (xMax - contentWidth - BallSpeed)) {' D! P' \: D( Y' l
         xDir = "left";
' \8 {) Z! q% g: T8 E         }4 D$ L. B1 d' O8 a) W
      }
: e$ w+ p  G+ U- U8 X   else if (xDir == "left") {
1 s) b" g. Z! @      if (xPos < (0 + BallSpeed)) {
( `# v7 a; l6 E1 T2 ?2 W4 u         xDir = "right";
8 x% ]# g3 e  }9 {, s0 ?) H         }
$ Y8 l& h3 F9 g      }
# l6 h( ?7 ?9 x% e4 ?7 R* D" H   if (yDir == "down") {+ a7 X' e) n# U- S" L
      if (yPos > (yMax - contentHeight - BallSpeed)) {$ {* Y( m- i4 R  `6 \5 M4 |5 m
         yDir = "up";
; K* S# L& j( ^+ x         }5 D$ i- Q: K* K- h9 e
      }1 ?3 D0 n8 |; y  l$ x0 l) a4 h1 i
   else if (yDir == "up") {
' }4 u- Q! V$ v6 [- c      if (yPos < (0 + BallSpeed)) {
5 `/ ?" p+ B- {3 j         yDir = "down";
( P; i( I7 y& v+ B( d0 W1 g         }+ q! o" D) c, |$ j! s
      }
# A" j7 \2 u+ X2 ?: _" c   if (xDir == "right") {
9 ~& F9 m& v: G8 u      xPos = xPos + BallSpeed;) J2 ?6 K( h% g
      }/ ~- i3 N; z8 I8 c
   else if (xDir == "left") {! a1 o* S+ i7 K* \
      xPos = xPos - BallSpeed;
0 f$ r" w2 X3 Y' T) a% N/ ?/ Q  K      }
6 k& o- E& W) n1 P  A8 `   else {/ P# C) s8 V3 ~: n! i6 i- W% g* |2 o
      xPos = xPos;
. k6 t, [6 Q, |1 N; `      }
9 d8 P  S( z- G   if (yDir == "down") {7 n. q8 H7 d' r6 a+ S# D
      yPos = yPos + BallSpeed;9 e+ u8 w+ M* q( f
      }8 \$ m( Z4 E& }, T% ]# f+ b* a
   else if (yDir == "up") {
7 T! J1 R* A5 Z# x- }) ?      yPos = yPos - BallSpeed;
9 w. f0 f3 H# I; u      }
6 q! e% s( V3 A   else {: g, s' r( r  a% q/ E1 s* o
      yPos = yPos;" z) G4 t* A( D) v
      }4 y7 J0 H6 h$ \" C  n+ \& _. [
   }/ o9 u; N2 t" v1 A0 _; i
. M$ H% K4 V/ \8 u: H1 }% @
function hidetext(){
  n, Y) e5 V' Q7 E  V0 Aif (document.all)* [3 L! D  P" h' l$ @  v
supertext.style.visibility="hidden"
$ d" M8 |) N( R) c' s6 H6 g9 aelse if (document.layers)  \( x  |4 ^  W  R% i/ @
document.supertext.visibility="hide"
, a2 a8 r8 F- Y* E: e" p8 H! {clearTimeout(animatetext)
; _  P5 O2 J/ F" J}
' \* }1 u& R) M! X6 p0 }% ?% K" x2 L5 M4 T4 ?* L3 c
if (document.all||document.layers){% J6 t% H$ z; m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8 ^& o2 R* |1 k2 p- \5 x1 z# Zwindow.onload = initializeBall;+ ?; j8 j4 S: T$ i$ W
window.onresize = new Function("window.location.reload()");
! R9 v5 U9 g; a. s9 j2 v5 |# j9 D) Y# g}4 n: d+ Y0 \6 m3 B4 T# _5 {& f

4 M2 Y8 l) j% Y  R</script>

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