返回列表 发帖

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

<style type="text/css">& b' f6 q& `. f
#supertext {8 q& S2 l2 X: |5 d
position:absolute;
6 @- b% n0 _) ~6 I$ Y. y$ }. j! Rleft:0;! x, ]9 C7 ]) v
top:0;  p! P) E, V$ a2 U2 S
visibility:hide;
% t0 i. S. D# z+ Ivisibility:hidden;+ {) @, X; m5 n) p9 N
}
  A. Y6 A) U) j1 o  k" j</style>
# M: A+ _. m6 _& U7 q- w5 ]<script language="JavaScript1.2">) ]7 D6 H: _% F( W) p. Q4 M
<!-- 改变下的字体的大小。颜色-->
$ `; G) T6 F3 {/ Q- [7 Z  z, m% uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; N; Z. n$ n5 H
var hidetimer='';
" z1 S1 D# u& l$ M+ d<!-- 改变下的弹跳速度-->
1 n. a9 e+ R9 z# |3 z9 M. b7 bvar BallSpeed = 20;, r. T/ ~& [  L5 Y$ a0 n: ^
var contentWidth;
9 }) d& l, N* a, C3 Z+ ]var contentHeight;
6 s; ]4 C1 m$ n! ^  t( lvar maxBallSpeed = 50;7 L6 r5 f: \# s0 b

- @' M0 [1 N$ z8 ~
; T$ m. V5 y- Vvar xMax;
4 @( f3 j8 ]' z: K, L; }var yMax;
* Y3 K- |7 H. zvar xPos = 0;9 w" g+ U8 O0 I
var yPos = 0;/ i! h$ {# C; D  S6 x0 [
var xDir = 'right';
* ?, P6 v* q8 t$ J  b4 a; bvar yDir = 'down';6 O' m0 ]+ Z7 q# o6 Z
var superballRunning = true;( U2 s# `0 u8 }
var tempBallSpeed;
1 r3 o/ q  u7 _4 g8 X7 M2 Vvar currentBallSrc;% [5 S5 r6 s/ @- N, {9 w) b
var newXDir;8 L% v3 O9 J* a
var newYDir;
) ]9 V1 Z4 y( j& r+ G% f/ D( s+ J  d
function initializeBall() {$ ^, \0 b& X. I  `1 a4 G
   if (document.all) {$ \6 j+ G9 \. b% C3 \% S
      xMax = document.body.clientWidth- v2 b, U9 n( b
      yMax = document.body.clientHeight# U3 U) W) a$ t6 A
      document.all("supertext").style.visibility = "visible";
  [: Q+ e* ]. I- D! E      contentWidth=supertext.offsetWidth! B0 o6 y) Q9 \- o
      contentHeight=supertext.offsetHeight# r* a8 i. [. F
      }
! E/ e7 T% ]6 w& K   else if (document.layers) {
9 ?$ c' Y: r( J# m      xMax = window.innerWidth;
9 a7 o- f! U: ~# b# q      yMax = window.innerHeight;
6 F- Q9 l6 |+ A+ a3 l7 }      contentWidth=document.supertext.document.width
& M' l6 k- ~/ |' N6 ?( P      contentHeight=document.supertext.document.height
; W3 u! |3 Y) S. E      document.layers["supertext"].visibility = "show";; q+ o7 C/ p* {' b$ U  Q3 N2 H
      }
! o+ n# {6 M9 R8 B4 t& E   setTimeout('moveBall()',400);
; _. C; h. e0 q9 v   if (hidetimer!=''): G6 `3 }* C6 n* y
   setTimeout("hidetext()",hidetimer)
! x0 ~5 _3 [; [. t7 r   }
& L8 G+ `1 c8 W: o& a0 z; O
- m" l$ H  @+ c5 Pfunction moveBall() {
6 a6 I- \" d' {) U   if (superballRunning == true) {: Y2 a7 P! }5 D. ^8 _% I
      calculatePosition();$ v7 v9 l/ a- Y: q: j
      if (document.all) {( C" ?8 k, y7 v! d& Q
         document.all("supertext").style.left = xPos + document.body.scrollLeft;# l- _5 f3 H. P$ g- P. \1 v  {# S
         document.all("supertext").style.top = yPos + document.body.scrollTop;5 g; U/ L, Y' y: w' u/ q/ E
         }' t' F$ a* h& d
      else if (document.layers) {# J1 Q. {4 e+ s* w
         document.layers["supertext"].left = xPos + pageXOffset;+ f/ l; y  R* V, C# G
         document.layers["supertext"].top = yPos + pageYOffset;
" i( d& X: o7 E* n  l! z8 G         }- N  v6 X+ z' R) V; r9 W9 B+ U
      animatetext=setTimeout('moveBall()',20);4 j5 B, s; }: M, Y  \/ b. z0 Y
      }0 f( _0 K" l$ ]# @" ]$ w% y
   }5 K3 s: S8 g, _7 s

2 S$ p. \0 Y1 e+ lfunction calculatePosition() {
/ [5 \" ]4 K- I7 r- M) Y+ Q   if (xDir == "right") {
$ I) u; w% t1 N      if (xPos > (xMax - contentWidth - BallSpeed)) {
6 j) A' d1 {2 g9 A0 W( H- [  A, i         xDir = "left";
- ~; P  y5 K3 c5 C+ [% L9 y         }
: k& x! K% O) j# i      }4 h9 ~2 Z8 m  S; y. H4 Q1 _, P2 o
   else if (xDir == "left") {
& _7 s+ Z- Q) d; T# B9 h' \      if (xPos < (0 + BallSpeed)) {4 o7 U# {6 l1 ?( a" N; u
         xDir = "right";9 P! U$ z7 K8 D2 g
         }
" s1 X& j" f% h5 W) c/ T- x' E      }
7 O* Y5 \5 J9 ?( h   if (yDir == "down") {
" Z' [# W; ^* @( D' t, n      if (yPos > (yMax - contentHeight - BallSpeed)) {/ r9 j2 Y3 m8 s
         yDir = "up";, G2 z1 e/ Z" s' O2 ?
         }2 ~# e5 D! l# g6 u9 d! L5 N2 e4 b
      }+ G* z  z8 z  X
   else if (yDir == "up") {
8 h! [! h% T$ I/ B% s      if (yPos < (0 + BallSpeed)) {  v  i) `0 `; o3 ^7 @8 w
         yDir = "down";+ Q& z8 B: I( Y8 ^
         }
8 A7 b: o# j! E" c$ ^" a      }: M+ |/ n! A. ]" U
   if (xDir == "right") {
: P" o0 u9 b" {- X) {  k  T" g      xPos = xPos + BallSpeed;
4 I: O& j+ P+ W( G9 y4 a+ \      }
) S; z- m4 A/ Y9 A0 N5 U, ~   else if (xDir == "left") {
$ P* z1 h% t8 |1 h; |      xPos = xPos - BallSpeed;; H6 l& M. _* r/ Z
      }
, ]6 [" |0 O& h/ G   else {
7 T+ D8 `' g, O      xPos = xPos;6 O8 ~* Y0 i* n$ _+ B
      }
& f# E: L) ?& k  w/ r2 I+ U8 ?; B1 W   if (yDir == "down") {+ R: T- F4 C' x" c1 o
      yPos = yPos + BallSpeed;+ Z6 k( W. j* y& ]
      }5 I. H6 l4 _  D9 R$ z
   else if (yDir == "up") {2 j% c8 p. t. m, V4 c7 L
      yPos = yPos - BallSpeed;% m: [6 W# q% Z2 ?
      }
7 {/ i1 d, G3 W  b   else {
' ^1 V9 C2 d& X      yPos = yPos;9 X8 y; V  v) i. X! K& z
      }
+ v2 p8 E. a* b   }* i3 P6 b6 T1 m
" _7 E0 j9 W# m4 \( ^) t
function hidetext(){* Y) j; Z( |8 s4 r, T+ y: Y8 n
if (document.all)
" c2 S, G3 y  n/ msupertext.style.visibility="hidden"  K/ ~7 t. m# B) g4 x( e
else if (document.layers)
9 [  P$ k3 d7 Q3 Y& R4 x; Y, cdocument.supertext.visibility="hide"
! A5 m: j! |& o( R0 }clearTimeout(animatetext)
% ^' Z8 g8 r8 n7 O}
/ ]7 h1 w3 y4 U: R0 @- E$ B% O8 _$ J/ O# |: h
if (document.all||document.layers){
5 p" f5 ~# h# f' b6 kdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')( U2 n3 j& u+ ^; N; a+ Y9 I
window.onload = initializeBall;
" N6 S) n8 D0 T- S* d  r7 u8 Awindow.onresize = new Function("window.location.reload()");7 b7 t$ g: I. x+ I. z1 }3 q
}* D6 M" ^, N$ V+ c
# c" a3 b- u4 K1 i
</script>

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