返回列表 发帖

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

<style type="text/css">4 ?& U( L5 T, H3 @
#supertext {! E! B+ t# n8 a
position:absolute;  Y5 j7 A2 s- ?
left:0;
  p; B0 J! A9 C7 `& wtop:0;
- [$ S6 H8 b+ X" o6 Rvisibility:hide;3 X, \" v3 l: F
visibility:hidden;
- w! j/ \. R4 x}# ^7 O; z, _/ {$ B' W+ V5 s
</style>
3 K5 V& ]& E" m0 L7 t5 ^+ H<script language="JavaScript1.2">: o4 k/ C: }2 n
<!-- 改变下的字体的大小。颜色-->. L% n" x4 r$ ]' q8 k; _
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
4 G1 y) {! `' i7 d* N7 k: y/ e  {var hidetimer='';1 W& h3 A/ `# @9 P
<!-- 改变下的弹跳速度-->& R3 R3 C- H0 @5 i
var BallSpeed = 20;$ j) j% e& R9 m/ X! C0 b
var contentWidth;
& d8 J0 \# A# _4 ^/ \var contentHeight;5 v% Z, e+ Y: w8 x; M& ~! m; j
var maxBallSpeed = 50;; _( {% Q$ y* [! M9 w1 ~
; D& v6 C: q: _8 `& H/ l
& m+ k1 \% \: N2 X( P! S7 W
var xMax;  Q: L0 `+ l4 a2 Z7 i( E( ~
var yMax;
( ^5 P+ B4 A: X3 Vvar xPos = 0;
% S8 O6 s5 C2 I4 m9 Lvar yPos = 0;
  X2 A3 b8 i# Avar xDir = 'right';5 {) T5 ^$ g2 [
var yDir = 'down';
7 R! o9 l$ s8 |3 gvar superballRunning = true;/ V$ D- b9 E5 z
var tempBallSpeed;* V3 r6 [# l; ?. i4 J
var currentBallSrc;. C8 t  s- {% E- r$ T
var newXDir;1 U9 F- O+ i1 Z( {4 t- a
var newYDir;7 o7 \1 C' P) B: O/ r
6 @* c5 {6 Y# B  k5 v+ h
function initializeBall() {
. `& t' G+ R! b- n   if (document.all) {
# \# ^6 [; w. S/ T. x4 w2 a      xMax = document.body.clientWidth
. j2 V3 x' r- P3 S: w8 f2 {      yMax = document.body.clientHeight
2 d4 m8 L$ M0 ?0 J* m* i; s      document.all("supertext").style.visibility = "visible";
+ ~' ]: Y$ k5 c: v$ e6 E      contentWidth=supertext.offsetWidth
2 v3 _8 {( z1 z& O1 V% Z& q      contentHeight=supertext.offsetHeight
8 ]0 Q9 |) U8 c5 o- P. ]& Z# f3 W3 g      }
1 l& w. J1 h. {3 _/ G7 T; {   else if (document.layers) {5 H$ G& ^  @  @8 d. x
      xMax = window.innerWidth;
; t2 R: V" `* O" g2 ^      yMax = window.innerHeight;
& C; q) _( O* R4 A: B" c      contentWidth=document.supertext.document.width& T3 T% d2 u" u+ K( @( n6 |
      contentHeight=document.supertext.document.height
4 a5 E2 d5 \! h" |" _      document.layers["supertext"].visibility = "show";. L6 {0 g+ C/ D& p! Y
      }
" b( V8 }" A5 B, Z5 D. o8 F/ h   setTimeout('moveBall()',400);
4 o3 W. O# y' _' l5 S7 O   if (hidetimer!='')
) l! C: i6 L% O$ ]2 B" p   setTimeout("hidetext()",hidetimer)
. p" W& W, `3 @3 B   }
' w7 b/ }" E& r9 I- {: Y1 Z2 |! p) l, U9 ?! e) \; `8 _- |9 P3 ]9 B
function moveBall() {
* I0 j) B3 F$ e9 o/ k   if (superballRunning == true) {" Q1 U. p) A# I: d  t: `5 ^+ d
      calculatePosition();' S- z. O5 |6 q$ M& L2 s
      if (document.all) {6 e7 s# K; S# O+ @* v* Y( V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
* k" B! C" p1 F4 x0 m# Q         document.all("supertext").style.top = yPos + document.body.scrollTop;9 H  h* F$ e4 q7 f
         }( V, z- r' R+ o- K4 D* c# ?
      else if (document.layers) {6 X" d  h/ F2 a3 E
         document.layers["supertext"].left = xPos + pageXOffset;
+ m5 H4 p( `0 d! b. y  F& Q         document.layers["supertext"].top = yPos + pageYOffset;
4 ]: c2 ^+ o& @2 l  ^; E         }
  P0 e0 e8 A8 a      animatetext=setTimeout('moveBall()',20);3 l1 O' B; X1 u8 t$ N2 @) X' ?
      }
3 G' M  m1 C! ]% {/ \   }/ D" v! {4 l+ J* _2 Q$ \) a9 i

& ^0 n% h. X$ v' jfunction calculatePosition() {
! j9 ]4 V) R+ m: Y4 [' Z   if (xDir == "right") {
2 f' o" {( x! d/ o  f1 H      if (xPos > (xMax - contentWidth - BallSpeed)) {
5 J2 \; Z" C3 V9 I  X. g6 {+ \         xDir = "left";
8 d: L/ i( y/ H8 w$ k7 `  I/ c, s         }
1 H. M5 ~  X! ^7 Y# |      }! @& G! X& i& W, g4 j& Q
   else if (xDir == "left") {; J2 d$ ~* G' n& u. k8 Q: F
      if (xPos < (0 + BallSpeed)) {
4 `7 t, ], n: N  h% K         xDir = "right";
2 Y. q% o8 \. q2 C/ ]) s         }
0 d0 u! Y3 [; o; ?( ]0 O3 [1 A+ T3 H3 H# ?      }
: g* b; m) r( \; `   if (yDir == "down") {( w; X4 ~) Q8 B3 J) ?: }0 p) F* \
      if (yPos > (yMax - contentHeight - BallSpeed)) {" ]) |# [3 c6 d5 L$ H) r' g
         yDir = "up";
3 r. k1 @# y9 _5 P2 f% ^3 f         }% n4 g9 j  v  q2 V) e1 P* j/ Z
      }
. h% `# f" f& ]7 _" f. ~- A1 R3 W   else if (yDir == "up") {
* Y0 P# I6 Q) l: P) E6 N$ W! ~6 `      if (yPos < (0 + BallSpeed)) {
9 L! |  [) G+ `/ H2 r$ e0 B0 [7 V- A         yDir = "down";, |" M' ]) ]3 F8 O( ?) r
         }
7 T/ C. c9 _4 Q0 D' k      }. z" f9 L8 c1 |: }  ^
   if (xDir == "right") {
4 y( n- ?# z  r% L: o9 l7 x      xPos = xPos + BallSpeed;
% @3 H3 f' B' q2 F% K4 m) a      }$ ]2 Q, K! w# ~: Z0 d$ K
   else if (xDir == "left") {. n" S6 f" H) @+ K: d
      xPos = xPos - BallSpeed;  ~1 n0 `/ ]% q7 b. t% [9 O
      }1 D2 R$ C  B  `; U4 a7 L2 m- e
   else {3 P3 ^4 ]- R) `, `5 B
      xPos = xPos;* z4 \( W! F/ G' N8 ?7 _
      }
. X% @- J( K* E/ \! n/ ^, g   if (yDir == "down") {7 ]6 W# C; A0 t7 R& G3 O
      yPos = yPos + BallSpeed;2 |* l0 V! X5 N; G' ~! \
      }
) C% ?# o5 `. s# b+ N   else if (yDir == "up") {! S, G  C+ B5 ~+ k" B2 T6 L- Q
      yPos = yPos - BallSpeed;8 B: `) k5 w' h# y: y
      }7 Y) W# ~! s! l9 I- Z% ]# V
   else {
' u+ u4 p( `# ?& ^3 N      yPos = yPos;* A$ a* E/ }0 {6 `9 G* _
      }
3 O: J/ ~% |) ?! D# s9 Z   }
+ y+ I- k* ]& c" m) }& H1 T. ?1 D# Z. q" ^; _
function hidetext(){7 e2 R9 M' b/ o3 n- B2 F
if (document.all)/ T9 U; g+ ~' s# m' Z) z7 P. [
supertext.style.visibility="hidden"
6 I* D$ N1 [2 Z9 c) Telse if (document.layers)0 j6 c" c. B- v- j. Y( t
document.supertext.visibility="hide"
" W7 n  H  F, G4 jclearTimeout(animatetext)
( i% m( I+ T! w& c}$ ~; `7 j: w, N* R0 R: |
2 @) V9 M+ v1 i0 V4 |' N& E
if (document.all||document.layers){
- [8 g* d1 W  K9 V6 ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4 J8 a" X/ t* L" G) I
window.onload = initializeBall;0 C6 |1 R- y5 F# y# ^( X: G( d( g
window.onresize = new Function("window.location.reload()");. L  f6 k: P* N: ?, C" ^
}& Q5 j9 t1 t4 n7 u6 }

( M0 y, i8 y6 g3 {  D</script>

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