返回列表 发帖

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

<style type="text/css">
1 J* d: j/ v1 Q/ W$ M7 O  Y#supertext {
1 D) e4 [& l: ], C- h& A8 X# k5 r+ Q+ \position:absolute;
2 j9 L5 d& U( b' X" E5 ~3 l+ M1 Mleft:0;4 f, F& Y3 q/ }; k: A5 r
top:0;1 f5 D& N, J1 Q
visibility:hide;) T( ~, y* L- K
visibility:hidden;8 I3 D& Z# W  B4 r
}
! s: ^7 [* y' {  A& ^</style>
: L! s, f* l* Q& R7 j" Z" G6 A# R  W<script language="JavaScript1.2">
: v. H5 r- k3 m& [- u- M<!-- 改变下的字体的大小。颜色-->
* Z+ m+ k3 X. F/ b# l0 Z* _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1 O6 V$ x1 _: q+ I; ?
var hidetimer='';: ?. `' m/ E# @, W
<!-- 改变下的弹跳速度-->% A& w2 e% V! \) }5 d9 v9 I
var BallSpeed = 20;( q4 Z$ y  B4 I6 q
var contentWidth;# x3 J( g, s' y  ^+ F
var contentHeight;
% m( t; `' Q( m" n) xvar maxBallSpeed = 50;' @0 T" B$ H: v/ t" h$ k
" {/ ?) b3 t: n4 b1 J+ n

  ~3 s# ]/ M' U# y" |var xMax;
* z) h) \5 G. a9 S4 ]8 z6 jvar yMax;6 o0 _/ B8 {6 c$ @
var xPos = 0;8 [" H. T8 f" P* g; f0 B7 M
var yPos = 0;
& l/ _2 h+ ]% |var xDir = 'right';1 X) r- E! M, V% u
var yDir = 'down';
. h$ M2 K  l  e7 |/ y; n: uvar superballRunning = true;
% S# c( G: |2 T3 U1 Z% Xvar tempBallSpeed;& g* E+ H: P& ?: f/ M$ z0 L- s
var currentBallSrc;
$ b; w! M" L! tvar newXDir;
& g  k* A0 f/ r% t8 O/ Qvar newYDir;
0 z! t9 t# c# v/ m
1 o1 G; Y$ G/ H) h3 v8 k$ D# hfunction initializeBall() {
9 }- t8 d: e  r   if (document.all) {
* r( Q3 h. I1 U  O, p7 h# N      xMax = document.body.clientWidth4 D2 b& X8 g$ M
      yMax = document.body.clientHeight
" x- n% w1 K1 |      document.all("supertext").style.visibility = "visible";5 h, r9 f4 Y- {5 C# `& ~% O
      contentWidth=supertext.offsetWidth8 `8 j# {% O$ [
      contentHeight=supertext.offsetHeight$ K6 {5 ~3 S' i, j. g# E! ~
      }. }1 r% o- d. u! U- Q& w7 j3 n
   else if (document.layers) {
! h8 p' h. p6 Z8 K! b      xMax = window.innerWidth;! Q0 c: e: p" Z( Y
      yMax = window.innerHeight;
" S6 `, }' D! q) Y      contentWidth=document.supertext.document.width6 H, H# P1 G- A( M) k- W
      contentHeight=document.supertext.document.height
0 j+ m6 [8 D- \3 h      document.layers["supertext"].visibility = "show";9 B  O- z8 Y' r  N: ^
      }
2 C: N$ |% O# v0 @0 ?* Z+ s   setTimeout('moveBall()',400);$ w  ^0 U+ |- M
   if (hidetimer!='')
- |9 t) P; y# m2 W0 R! U   setTimeout("hidetext()",hidetimer)
" m3 X5 F9 n8 C1 W$ I   }
* M3 Y0 C+ V0 N0 t* x
- \2 `3 j) E  D: V% E. C0 sfunction moveBall() {- \$ x" g  g8 v/ |, i- a( L
   if (superballRunning == true) {
! h9 N  w; n( X8 d      calculatePosition();
" h7 \" D7 s) X' n5 l) |      if (document.all) {& Y- e$ K" v4 U
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 M1 q) h! y; \+ `; n- g3 d& f         document.all("supertext").style.top = yPos + document.body.scrollTop;0 h8 i% _( B4 A( I3 O* N  F* v# d
         }/ I, _9 E" K: u% m' y
      else if (document.layers) {4 B9 ]/ D* [# a& k' j
         document.layers["supertext"].left = xPos + pageXOffset;- X5 y6 ~1 \( G6 I: @
         document.layers["supertext"].top = yPos + pageYOffset;
: J1 s; F' i3 F' G* S+ e         }8 h' I6 K6 g/ F- u
      animatetext=setTimeout('moveBall()',20);3 K  i" B8 X1 o7 i
      }  N9 [3 |% B* q" s/ m7 I2 k
   }9 u1 [/ g6 ^9 \; i% ~  w7 a3 H
+ O. @5 {. T0 c
function calculatePosition() {
3 G9 L) h4 h9 h% n   if (xDir == "right") {9 ?4 D0 X* `& h2 S
      if (xPos > (xMax - contentWidth - BallSpeed)) {5 G2 `1 k3 o( L# l% l
         xDir = "left";
- `8 U, Y& R6 i6 i! ]2 y* G& g& b, l         }
( l6 j  c6 n1 f; \) \      }
. |6 I) Z& v( y9 E   else if (xDir == "left") {9 L) C! t$ A! ]; a& h8 k
      if (xPos < (0 + BallSpeed)) {
5 U* {, d- y& a% V3 e         xDir = "right";
1 R+ X3 K  \. F' M6 Y1 A* D8 W) x         }
0 m8 f/ U3 t0 N  A) k2 ^      }5 j, z0 E& z$ \* |" Y( e& |
   if (yDir == "down") {9 c7 }9 u3 ~7 ^. i  K* ]
      if (yPos > (yMax - contentHeight - BallSpeed)) {' E8 B: o3 N! M+ s, D
         yDir = "up";2 x* Q4 q6 u) @. }" ?: G
         }' |7 U1 f" A: u: T, u6 `, Y
      }  i1 X, c) M4 ^/ T% T/ Q
   else if (yDir == "up") {
8 J( S: M0 A- l  k: I1 W      if (yPos < (0 + BallSpeed)) {
# M: D" o' ~4 l$ z: g! U7 F/ R         yDir = "down";
3 H, s0 }9 d/ D/ N# ]: l" r" n7 C         }* h! J( V; v& G* G. u9 W$ g7 `; Z7 i: U
      }0 @" a  V0 h' Z5 R6 c
   if (xDir == "right") {
1 i1 f" Z: `0 Q5 Q      xPos = xPos + BallSpeed;
0 L2 ^+ @/ E, X+ |1 R4 e      }
6 {7 p- u/ N2 w* d) v! P, ^0 x   else if (xDir == "left") {
+ S  E3 ~2 M! K+ u# c, H      xPos = xPos - BallSpeed;- n5 Z3 o+ P9 Q
      }
" A. F$ }3 m% O   else {
/ F5 f9 Y! H' X1 ~' Z; m      xPos = xPos;
7 u5 V8 ~& `1 |  @' l" W; g      }
( K* `9 R; p  `* P1 m7 o6 Z) ?6 Y   if (yDir == "down") {3 `; H% f) j  |5 ^5 ]- Y! X1 C
      yPos = yPos + BallSpeed;, ^# a$ r  j# H" W
      }9 d* M8 u( b0 x1 W
   else if (yDir == "up") {5 ?2 C8 s) }0 z7 @
      yPos = yPos - BallSpeed;0 [. o3 J! F) o5 R. g1 X
      }6 p$ k+ ^4 }; ?4 `4 D; X% ]
   else {2 J0 t8 e6 l  {  G- Y5 \$ z# q+ A
      yPos = yPos;
, p. w  A2 [0 i& Y      }  a2 M: A! O' r0 j, v
   }7 E7 H# l% \' L8 e  _  m( X

) u% k6 p# D1 p7 H2 f5 mfunction hidetext(){% M- z6 F0 L7 s( L9 c/ O4 e! U
if (document.all)
5 N' b& s. f- s2 @/ ^, q1 _0 O+ Msupertext.style.visibility="hidden"
" {, h" ]5 }  R' u0 }8 v/ H# ~else if (document.layers)$ Q# ]7 L* @5 {! n
document.supertext.visibility="hide"* w) y% A; ~  v7 t
clearTimeout(animatetext)3 C1 L/ S8 Q) l/ G" D- v
}
4 x! R$ h0 ~: N$ W( X5 R# V5 E+ H' [# `1 e5 w: V) }5 c
if (document.all||document.layers){6 M' g5 B; q% T5 ^1 u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+ x# j9 ^8 j" v! q, w7 d0 Zwindow.onload = initializeBall;
9 {4 Y" k1 _5 Wwindow.onresize = new Function("window.location.reload()");% H  p7 B! c" U7 J. Z' Z$ \- |
}0 c  `, {; Q  [( N% s; o
) y6 q$ u4 s' a! W8 y! Q0 v! O
</script>

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