返回列表 发帖

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

<style type="text/css">- l+ g8 A" B& h7 g" {' C7 r
#supertext {
6 i$ r% D& x* r. g$ `, m! y" m; ]position:absolute;
7 k; o. V! Z: J* J1 Qleft:0;
3 W, @3 E) q' n/ Q+ n! Ztop:0;
; z  U; R! g8 R1 x5 vvisibility:hide;6 s# c& {0 F1 ]2 R
visibility:hidden;
, ~5 x" t4 m* Z4 `! u* C}
6 A7 Q: Z& K7 k3 e2 X</style>
6 l/ O  {1 I8 K# t: W2 r# D<script language="JavaScript1.2">
; T8 H: V0 S' l" H% B$ t( Y7 o<!-- 改变下的字体的大小。颜色-->
; j8 S9 z* M" Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; S& ~  }5 u) N+ j+ @; b
var hidetimer='';
3 x2 N. Z" t- [6 b4 |# D, a<!-- 改变下的弹跳速度-->7 P2 d, z2 [( b& Z! {( [; j
var BallSpeed = 20;! Z' _3 S5 R8 F; ]
var contentWidth;
( i% _, Z+ }, ^  ivar contentHeight;
( p9 f. k& J6 [+ \2 }& P& Mvar maxBallSpeed = 50;
$ a3 ~( @: u) q0 b, y3 H* D  [( B9 L8 H$ F& W$ |
6 ]0 a8 `5 X- R$ v, G& J
var xMax;7 s( V9 U' [; W
var yMax;
: _( P* X$ v# ]var xPos = 0;
/ o: Y1 _, u- D- j# d, mvar yPos = 0;4 Q4 k  }4 X1 x) \4 B8 U/ C6 N
var xDir = 'right';& T* a4 l- N# X6 N: d1 n$ A& c& `
var yDir = 'down';7 }2 J5 S/ K' x6 u8 M
var superballRunning = true;6 `' R6 o$ U3 |
var tempBallSpeed;) L" F. K6 s, `$ A
var currentBallSrc;
, c! ~/ Q2 S8 F$ f  D- cvar newXDir;
: U4 A: t+ S+ T# t' _1 K! Svar newYDir;) n) X2 N1 M% f& g& ^9 M

' `9 m: O! ]# B" G4 _' }function initializeBall() {
* ?) o6 u3 \2 {- h   if (document.all) {9 T& R0 Q9 T. K& ~' P: j
      xMax = document.body.clientWidth  Q9 [+ K9 M: h
      yMax = document.body.clientHeight
" i3 R% \4 o, L/ b3 i6 |1 Z$ n" \( y      document.all("supertext").style.visibility = "visible";
  f% w' Z" B/ n" ]. ^9 e5 L& {      contentWidth=supertext.offsetWidth! M/ M" }( a4 R& G) [+ }/ A6 |
      contentHeight=supertext.offsetHeight) T7 f5 C$ p+ ]4 x. G3 h- n
      }. r; c% i0 Z& e' E0 N4 M  u6 V. M
   else if (document.layers) {
5 L' e0 m$ x$ i" o$ W      xMax = window.innerWidth;' s( b, g3 O4 d% \
      yMax = window.innerHeight;7 h* x" y  V/ U1 U2 D
      contentWidth=document.supertext.document.width
$ T8 T- F; ?+ i9 ~2 y% F      contentHeight=document.supertext.document.height
5 s2 v& w" v# Z4 U: ]9 L5 W5 k: N      document.layers["supertext"].visibility = "show";, _. t7 M- w! Y/ o" a
      }
. _( d9 h/ Z. B  h# N   setTimeout('moveBall()',400);, D) }8 \& z7 N) x2 e
   if (hidetimer!='')+ T" b$ I8 X5 t$ ^( H3 V2 g
   setTimeout("hidetext()",hidetimer)
- g  h, N2 p; }   }
; X/ M0 w$ a) l7 a
9 J& U" \8 V8 P3 m; \' C; a, p4 Hfunction moveBall() {
9 b- z7 X! L3 j: ]9 Y   if (superballRunning == true) {
8 o* |8 d. t, P* Z* h! b0 `      calculatePosition();
& m" L# }1 C" }) B( J      if (document.all) {: ^8 T1 g4 f. q5 g- j
         document.all("supertext").style.left = xPos + document.body.scrollLeft;( l: b. v$ V; E* g$ o0 h, ?
         document.all("supertext").style.top = yPos + document.body.scrollTop;% E2 c  d  @' ~' `
         }
: A! v6 A! a& I; |" v9 z2 X8 K      else if (document.layers) {
% b' H: r9 d9 @. {; `         document.layers["supertext"].left = xPos + pageXOffset;. [0 ~  `; `$ h- L' {+ U. }" L
         document.layers["supertext"].top = yPos + pageYOffset;
, {+ T4 y1 ]& W         }' n- Q4 D) r* f
      animatetext=setTimeout('moveBall()',20);
: D! s0 _8 `8 W' @      }
" c) s! T" Y' B* l1 Y& S% v   }- K+ ?% m/ y, T/ H4 m$ T
% h+ m7 c8 H8 M! C" k" n, s; b
function calculatePosition() {
' i' k1 [& Q. @; l   if (xDir == "right") {+ y: w+ y5 P7 A
      if (xPos > (xMax - contentWidth - BallSpeed)) {
( \0 P1 f7 {/ N- |7 Q! A: P         xDir = "left";4 P. r2 g! U; M  Z$ q
         }
9 d, O; A. H5 B  [      }
. Z  }1 ^" M" T5 n   else if (xDir == "left") {
/ L( D+ I1 N6 P      if (xPos < (0 + BallSpeed)) {' ~  t& U, z  n) C% ]$ v  I
         xDir = "right";( p9 z( B  M; N5 k: B
         }% [1 v" U0 Z) `- Q& d( }
      }
+ W  c! ?. h' j+ j) f8 _   if (yDir == "down") {
8 N6 l0 x- E+ P6 z7 N      if (yPos > (yMax - contentHeight - BallSpeed)) {4 m) G2 Y. `# \$ ?
         yDir = "up";
# }: `4 Y) O% J( \         }" f+ X0 G8 D8 e( k# u+ }
      }
8 p. J5 j+ Q* D0 F; K   else if (yDir == "up") {
3 r) m1 {9 J3 I# B      if (yPos < (0 + BallSpeed)) {
  j! v  o/ a' |2 r; q         yDir = "down";
# z  N4 j! X, g' E) q         }0 }( P3 l: \6 E2 u
      }
* |% x: o1 p  X" B# L2 I5 o   if (xDir == "right") {+ i! t' x" h/ l$ i$ G! h. \8 i
      xPos = xPos + BallSpeed;
! X% P( c) H' B/ F5 X3 l8 b      }
- [& u/ F8 _, @4 i   else if (xDir == "left") {
4 m( x  P  a, a+ U+ {5 N      xPos = xPos - BallSpeed;
5 ]# _* t. C. S. v1 V' ]9 l. `$ e      }, {8 o  h6 x$ |) B
   else {
; a% G$ H/ Q  _4 Z1 _      xPos = xPos;
, D* D, T2 S9 e0 [' i      }# a& @# W' s" |) W
   if (yDir == "down") {
  s* w5 d( w6 J" L      yPos = yPos + BallSpeed;8 D4 ~( ]5 \( Q5 U! y: s
      }$ S0 y0 ]- w8 R  _7 h6 H& Z5 Q
   else if (yDir == "up") {
" }. d: c" m5 Q8 q2 q& T      yPos = yPos - BallSpeed;& {" [* K$ Z6 n& [5 @5 l6 m( w, p
      }( `2 ^: ?* D6 d+ k; M7 G
   else {# X, q; e* ~4 ^. S* w, b
      yPos = yPos;
1 s# [% M* F. `, M. G      }8 h+ }( f& `6 ~0 f
   }
% Q5 D$ h" r& l* C1 J. q, M* r+ v4 E, V+ P' a. @0 @0 d
function hidetext(){6 T1 n! T  y: \1 C2 w7 {8 T
if (document.all)
  R0 O% h/ f- S. Z; G5 D4 Osupertext.style.visibility="hidden"
. ^1 }& N" M' _6 T% d' k9 ?; Eelse if (document.layers)/ u) p1 w/ h4 @' F2 \
document.supertext.visibility="hide"  |# U) u9 u) m/ v, S6 X% v
clearTimeout(animatetext)
+ m2 d8 H' V- k* X}
9 f8 Z7 K6 Z* k. ~. B; p# m  u+ g& J; v9 g
if (document.all||document.layers){
0 T0 N$ b4 d; ^: ^/ udocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( L! i2 L9 l; x8 M( ~  o( x' Wwindow.onload = initializeBall;6 }2 p( Z- A8 {  r3 h+ j  F
window.onresize = new Function("window.location.reload()");
  v, Z4 P  l6 Z4 m) H# Y}0 q6 s  \' @( E: q+ H+ Y) B& W- I+ Z
7 ?0 U, i) B8 M# O
</script>

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