返回列表 发帖

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

<style type="text/css">
+ c2 w) h" L- d# _#supertext {8 K- p6 C1 O% B' m) r
position:absolute;' ^8 |$ b+ z4 t( R' \
left:0;' F: b! x8 I% d8 B% y
top:0;
& e5 k! `9 U) rvisibility:hide;$ u0 _4 o4 G5 r+ @
visibility:hidden;4 Y0 I1 X4 t& \/ S
}
% S% c/ A2 v5 d  q</style>+ h" T5 s5 Y5 o
<script language="JavaScript1.2">* n1 b7 `* Q/ o! W
<!-- 改变下的字体的大小。颜色-->
6 o- l/ e6 y: Q3 fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ U3 w* l6 C7 ?! V$ i) X8 ^% Ivar hidetimer='';, c4 o2 L) K6 L
<!-- 改变下的弹跳速度-->4 U$ P$ t4 O$ U& `0 q$ a, H. }0 K; a
var BallSpeed = 20;3 U% F5 o. C1 i: F8 e
var contentWidth;
! W$ X$ _8 w% u: ~var contentHeight;
+ m( T0 H- B( F& p1 L* z) ~  k+ pvar maxBallSpeed = 50;  X, y, R  o5 V/ ]8 b7 Q+ k

; d8 G) M4 \  z, d& L$ p1 V8 Q2 l: I( Y" F$ t
var xMax;) p2 `; ]1 u+ U) o
var yMax;
  Z& A' G4 [. svar xPos = 0;
5 z; q3 l* ^# kvar yPos = 0;
7 P+ I; P) J% v2 H7 Tvar xDir = 'right';
# X  v0 J/ R8 h" J; @var yDir = 'down';
4 k  _# I6 \, M% h& \" u4 w; uvar superballRunning = true;6 K# G, B$ F: E! E+ ]* O
var tempBallSpeed;
2 w' ^) g7 q: F% Qvar currentBallSrc;& V. `! N) @' J. y2 I/ }
var newXDir;9 Z& O2 w7 l8 J
var newYDir;6 _- Y6 w9 b6 [& {- }

. q; J! X$ G8 E4 l/ _8 v. s5 X2 Kfunction initializeBall() {. W. j9 C9 `2 ~+ [+ U0 |
   if (document.all) {+ e+ J! X6 [. A4 a& Y" D: V% X
      xMax = document.body.clientWidth
* t7 R" ?4 d) c! z, J) U4 j      yMax = document.body.clientHeight8 k, }/ C5 S/ `7 k, }2 |4 n
      document.all("supertext").style.visibility = "visible";4 B! r1 U7 I/ A/ _0 G
      contentWidth=supertext.offsetWidth
4 p3 N# Y! a' b0 M% U      contentHeight=supertext.offsetHeight
) Y# r! p1 l* ^  y. C2 p      }
9 t: X" t0 \0 X! U. @   else if (document.layers) {
% r8 U) ~' ]) l' I7 ]      xMax = window.innerWidth;: n1 A# t, D, J& m9 X
      yMax = window.innerHeight;
1 k- K/ m5 M1 e7 ~! k7 X      contentWidth=document.supertext.document.width; h  j' H- t" o) K/ y6 u
      contentHeight=document.supertext.document.height5 b3 F' s3 c- J  M' a7 v: s
      document.layers["supertext"].visibility = "show";3 l6 G/ P8 m$ ~/ a9 q1 q
      }9 Q, P! O( v8 h$ {% A4 J! B
   setTimeout('moveBall()',400);
( c3 N) L3 U5 k  x, ?: Z6 X; i   if (hidetimer!=''), H: M; l) X$ ~' Y, v0 `+ \% h
   setTimeout("hidetext()",hidetimer)
. K6 r# ?# P: M% _8 L0 L* a   }
( f8 k4 P& _2 K" J( J4 `; `& ^
! v; R8 @+ T" ~  u$ p! Ofunction moveBall() {" I% U) d4 w- J* J6 S2 O5 F8 }( E
   if (superballRunning == true) {2 k  z5 r6 z+ {- G7 c
      calculatePosition();: \9 b) k( _- m+ |% H
      if (document.all) {) A6 a) ]3 G/ T9 Q1 _$ ]( V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 t* y  {  n* T# T: p9 N: }         document.all("supertext").style.top = yPos + document.body.scrollTop;
2 U. y- U  [$ {) Q         }9 z) M' l# F# f- ^* Q5 X
      else if (document.layers) {
* {- V5 ?+ a( l         document.layers["supertext"].left = xPos + pageXOffset;6 Q% H( ?( E/ \2 p1 A" l
         document.layers["supertext"].top = yPos + pageYOffset;
* o0 ~& a9 h2 n$ D7 F         }
: R+ L" T1 ~; K# J1 ~" F+ `      animatetext=setTimeout('moveBall()',20);+ m5 f) r' W' i5 V6 @
      }
  L, r& d, n# o* \   }  d! N1 e  X4 ]. U3 z/ ^" d
5 ?/ `4 j+ Y+ |, _* M: {( b$ ?+ _
function calculatePosition() {
" @2 X2 ~7 X1 J( E' r- G   if (xDir == "right") {0 [' q: P( ^5 y. z- L1 k% P
      if (xPos > (xMax - contentWidth - BallSpeed)) {0 ^. R- H/ t- Z! F& g, ^0 {" e' l
         xDir = "left";
; j0 C! `4 b2 R& S         }# @# d7 I7 u7 b6 T! j2 q
      }/ N( b) N, d; R1 s! i0 Q( g: S( ?
   else if (xDir == "left") {
: Q- b9 D; F% I9 N' k      if (xPos < (0 + BallSpeed)) {  C+ j; X0 r# s. x) ~6 C$ k! J
         xDir = "right";9 ?8 A; w) a. T) d
         }
+ c- n* ^9 Z" Q! c8 h      }
9 n4 R; j" G+ `) ^( a4 I   if (yDir == "down") {
. l% X/ E( R& J4 z* D( C0 ?7 r      if (yPos > (yMax - contentHeight - BallSpeed)) {; Z% p* E$ ?! y; o# H6 ~
         yDir = "up";
% @7 i; F* {8 {% H, v( g* o         }5 E4 N( u* I2 j+ `
      }7 k) D3 t# _' E
   else if (yDir == "up") {6 D% F, a# n+ L/ f
      if (yPos < (0 + BallSpeed)) {
. J. n% Q* B1 _$ J9 p" U         yDir = "down";
' k1 S, F7 r" l& u/ S         }# z- _- \2 l0 x1 W3 p
      }  e' ^. r4 {" d6 G5 a( F- V
   if (xDir == "right") {
# B8 N5 j, V2 z8 j3 k8 @* e      xPos = xPos + BallSpeed;
: U2 E0 y4 @, E      }+ m8 o. J  \! o
   else if (xDir == "left") {
0 W) Y; f. p8 S& Y% P      xPos = xPos - BallSpeed;
$ a. D! w( ^9 b4 M- i. E      }6 E- L. B8 \0 O+ ]5 U) Z3 ~: H/ X
   else {! l* ^4 @: D: M) G* A. z
      xPos = xPos;
, ^5 f7 h. B; W7 c      }" n( V1 k0 e' n0 `4 Q# B$ B+ V. X# T
   if (yDir == "down") {/ c% R/ f. `3 ^% R( e9 B) p1 \( b
      yPos = yPos + BallSpeed;6 p3 a  {7 M% m
      }
* p8 x( v1 N6 B" q/ p   else if (yDir == "up") {
. C3 T! I3 d( M      yPos = yPos - BallSpeed;; J) n( Y6 k8 U" w; X
      }
8 J: @4 i/ }) G   else {& K2 E. v0 w: Y  t
      yPos = yPos;
: `- ^" q+ ?. F  ~5 ~* g      }, S/ p3 E# N# G7 Q" Q  }1 t4 }
   }
- C9 |+ c- X% c3 A3 q' A" R+ f1 X  ]0 s) ^' _- ]
function hidetext(){
( ?' e( l, P3 t. Nif (document.all), X/ r9 Q- r) K% ~- {% x
supertext.style.visibility="hidden"( Y* z) b4 K! T0 B# O8 j. x; U8 g! I
else if (document.layers)1 o, Z9 r# K( \$ s
document.supertext.visibility="hide"
8 L/ v( M( [  f, Y) QclearTimeout(animatetext)
6 j7 e7 x- }5 ^3 Q  E) |6 j7 P, K}
7 f. I6 L7 k4 A: F; ^
# g8 d" F( H1 Y  tif (document.all||document.layers){1 U" n1 M" B9 _8 m( |
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 x) I* @2 t/ s. N9 c4 e1 t) h
window.onload = initializeBall;8 O4 g9 M/ n: b7 u; H0 ~3 r
window.onresize = new Function("window.location.reload()");
5 j$ }, w, Z* G0 _% s! i$ c}
: s9 V* n( ?& e- w4 t9 `1 ]9 I( D7 y  E5 k" b4 t
</script>

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