返回列表 发帖

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

<style type="text/css">6 G% J# n) h( q, A* s
#supertext {& i$ N& Y: I) F1 ]4 H
position:absolute;
# T& d1 v0 s0 R  |+ w+ cleft:0;
0 G, k$ ?% o. M* o1 w* z! Ktop:0;
3 F/ i/ w) n1 f* d) A" Hvisibility:hide;8 [, q. @1 l; h: ?
visibility:hidden;" E' v* r+ H. x9 j/ W" `
}
3 \) N) d; h& Z</style>
5 Y" r3 n- A/ x- T. l" W<script language="JavaScript1.2">2 V7 _; P2 i$ g. {2 b; E. W
<!-- 改变下的字体的大小。颜色-->' }$ {$ w; F, D5 j. y7 c4 X
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'. l8 a( }, {& c
var hidetimer='';( y4 @6 Q) P* C" M7 w  ^% l
<!-- 改变下的弹跳速度-->
1 P+ b6 L. s) n1 C- y* R: Pvar BallSpeed = 20;5 c8 K% y( Q3 ~9 _% x
var contentWidth;
8 r$ m& G' L) e+ n$ T. |6 M. t$ hvar contentHeight;( i2 b& j' M1 f: U; ~# U
var maxBallSpeed = 50;
/ i0 O! Q9 |$ n# `8 J0 n! `3 J% \
9 T/ V- R3 _+ ^% i$ J8 a! c! g9 q, b  t) `4 N
var xMax;+ g" x5 o! E9 P
var yMax;
# p3 ~. R4 z7 S  hvar xPos = 0;- O! W; E; O( ]$ y+ X3 p
var yPos = 0;
* y! t1 G0 X8 t  V* J( u3 s9 ^* H% Q3 lvar xDir = 'right';8 S" r3 _6 v7 ~+ ?, Z
var yDir = 'down';
# k* ~6 C, b% o7 V% {var superballRunning = true;
) o5 Y4 r, H; ?: avar tempBallSpeed;: q- k! ?, C2 V$ f$ F
var currentBallSrc;
7 k0 T9 q# P; X$ v2 G2 qvar newXDir;
. U8 Z; O. |- y" v& Wvar newYDir;
! ]0 M( p, B. {9 \
; Q! ~5 t. [+ U# sfunction initializeBall() {
6 [+ X( |" }. v' l0 z4 q' s5 b   if (document.all) {
% d1 f7 G' v$ Q0 s% X' ]      xMax = document.body.clientWidth. P2 B# z+ l" F0 G) Q( G
      yMax = document.body.clientHeight' _) ~) h+ B2 J& g0 U! \6 V
      document.all("supertext").style.visibility = "visible";$ U  d) O& q, T0 q, e6 S2 F" J. w* a
      contentWidth=supertext.offsetWidth
1 \4 P0 C9 _1 o6 c      contentHeight=supertext.offsetHeight' v" {; S8 T4 |* {7 b
      }% O! |3 }; y" X2 j6 ?$ D
   else if (document.layers) {4 a7 \9 I! @8 d* Q( g- w; i
      xMax = window.innerWidth;
' O8 g: k% t4 ]. G8 z; S, G      yMax = window.innerHeight;
  T1 ~( b4 G6 r9 e0 i5 Z9 B' Z! z      contentWidth=document.supertext.document.width0 `8 k. A3 G0 K) M% q2 V$ t
      contentHeight=document.supertext.document.height! r3 C2 m# q3 q0 r4 h2 d: j8 e
      document.layers["supertext"].visibility = "show";
8 t8 S0 R( V; i" Z0 E      }4 I: q; `9 n! A8 \6 G# h
   setTimeout('moveBall()',400);- B9 H" }) A+ I8 _2 T; p2 r: Q: z
   if (hidetimer!='')
" Q0 a" W5 o  W   setTimeout("hidetext()",hidetimer)) P% v7 u+ _, m3 C$ r2 M
   }
0 L9 E' x" C6 s5 {8 u& J2 ^3 r( I" N) v' ~# o
function moveBall() {$ q/ P1 u/ n/ U5 \7 m- B
   if (superballRunning == true) {
5 `5 A& X& s6 |+ U7 l      calculatePosition();  K0 [  `; W7 R+ p; s- P+ R
      if (document.all) {8 E7 y9 {% E8 p- W% l
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  Z  f( t* H( Q* G$ a, a4 i         document.all("supertext").style.top = yPos + document.body.scrollTop;0 l2 `6 a% v. H" q
         }
" Y7 D) _- P3 `3 a% i# R3 n      else if (document.layers) {, g, O. W* v1 b5 t; {
         document.layers["supertext"].left = xPos + pageXOffset;" M2 s& r0 I- n/ Q' B8 ?, C, S
         document.layers["supertext"].top = yPos + pageYOffset;
: w* x: Q, b0 c+ A$ }8 x         }6 T1 Z: a4 |  _& x/ N* ~8 x( ]
      animatetext=setTimeout('moveBall()',20);
1 s) ^5 ?6 t3 ]- q8 j$ p      }' x" E& U3 M; ^# o7 n
   }/ C$ Y/ U) r8 n% K* g. i2 P: I# l

+ W2 c% s2 F/ x/ U; T( K0 {' wfunction calculatePosition() {4 I8 o/ X+ W  }1 ?
   if (xDir == "right") {
3 ]2 K' E4 M% @" y: o0 ^      if (xPos > (xMax - contentWidth - BallSpeed)) {% S/ z, ]3 h; V2 u' h& E. }- O
         xDir = "left";% ?$ j4 Z" Q3 v. f6 @
         }
8 s6 x8 H$ P1 C  m      }
# [9 c" K6 m7 k' m! Q   else if (xDir == "left") {$ t# `" ~# t% x9 V
      if (xPos < (0 + BallSpeed)) {
, a# {' Z7 Y% ~1 k; o- x         xDir = "right";
# @4 Z  ^6 S$ b/ q1 c         }2 Q' l, H) h, Y+ ?6 B+ t) ]' I
      }8 q( Q4 m0 d/ j4 K& ^
   if (yDir == "down") {- ?: D+ I" q3 E, A* m- T3 d
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 g& c+ C7 [: z7 O$ W         yDir = "up";0 v% t- D- X1 @! [( O7 P6 e: ]
         }7 `, O% e# f9 O" a% ^
      }
2 E  J0 h" k. _- {+ L, D1 V' W   else if (yDir == "up") {
" n, v/ M0 I+ t      if (yPos < (0 + BallSpeed)) {
  Q5 G1 u; I: U2 V% U; D, g# J         yDir = "down";( `9 f2 ?: d: h/ b8 J/ W
         }
0 j% w2 j- D: G% S5 u8 M      }; t) g1 t1 F/ l8 e+ Z, w
   if (xDir == "right") {/ C- |+ c( k$ l
      xPos = xPos + BallSpeed;
  K' C0 k9 f" w7 m      }, b8 n2 R7 H. Y: q7 z2 Z
   else if (xDir == "left") {  F6 K/ j( R% O7 x) V+ v
      xPos = xPos - BallSpeed;. |8 J- t- n8 E* T
      }
0 E8 N! L, A% v3 @: A   else {
+ U0 A! T) x$ r2 O* I      xPos = xPos;
3 {6 L5 @, G; {: w' x% M; n+ z+ r      }
% j( z# V; }! t0 E   if (yDir == "down") {
8 t# N& |& O! w8 X1 p      yPos = yPos + BallSpeed;) H+ C4 A9 l0 \1 g
      }: z! `; t8 b0 S1 k, r/ \- `
   else if (yDir == "up") {3 t3 r, N6 W9 t2 q2 Q/ A! d
      yPos = yPos - BallSpeed;
7 {- s  v/ s( G      }9 d" d$ V9 z# B) P- j, _+ u4 Y
   else {) t3 L. y( M1 d) i6 ?  v
      yPos = yPos;
4 w: X/ X0 Q! ^0 }; z      }
% n; E/ M1 m' D; p. L& ]& k   }, `+ A" d4 B; i6 w) c; k  q

+ A4 d% Q% Y: H4 n) ^8 ]$ ~function hidetext(){; r6 T( D3 ^# v+ j, x: g
if (document.all)8 I' m5 q. c: D
supertext.style.visibility="hidden"
# q- c) ]3 Y8 b+ _else if (document.layers)
; \. y# ]) a5 S: ]' g) D6 f( @document.supertext.visibility="hide"
1 t+ U; p% Y/ P5 X' {6 p0 ^* CclearTimeout(animatetext)% u1 Q3 _, b3 }0 [5 H
}
! {: ]1 r" `4 W. a( K, ?! L) Y& R: S
# W* @6 i, b; s- y2 Y* _! |& L$ j& Bif (document.all||document.layers){
+ r2 q# ]4 D( {5 A) }1 jdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# c. I  O: h3 c0 i/ ~
window.onload = initializeBall;
( P6 M2 [) f7 Y+ iwindow.onresize = new Function("window.location.reload()");$ i& b6 V$ e" }6 Q% N( T6 e
}
, U# V+ h+ b8 t0 l. U* Z, H0 s) E' |0 X& v$ v) |+ Q
</script>

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