返回列表 发帖

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

<style type="text/css">5 y/ p2 ~1 I  w, F1 O
#supertext {" v! O, l' ]* V/ o1 H; i
position:absolute;
! _5 x. G- m. [left:0;
: ^$ F  q  J8 W) ~' g+ Y0 @! W1 Ntop:0;+ r9 {  X1 Q3 }! F2 j
visibility:hide;9 {0 r& R/ n+ t+ G# p. D$ P9 M; w
visibility:hidden;
; p+ s: k% S7 J& a- x& U}
( s! A8 O7 [" [) G9 H) e6 c" a</style>
; u# E) p+ L) a<script language="JavaScript1.2">" s% C; E# ?. ?8 G: A3 |
<!-- 改变下的字体的大小。颜色-->
/ V' I+ b+ P+ ?) l; [( k) t7 d# ~var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'/ [7 h- a8 s1 \
var hidetimer='';
+ w5 o& J* ~5 c( S<!-- 改变下的弹跳速度-->
9 h; `& v, b( c+ [- @% fvar BallSpeed = 20;
! r$ Z: w! G( B+ ~# F4 d7 yvar contentWidth;' ^3 x# t  Y9 S; h0 P. y' D( U
var contentHeight;. K' N1 g! D3 y) S9 E
var maxBallSpeed = 50;7 p: Z) y7 {0 L4 H# S

# ^/ @8 |$ S& c" i6 N
4 P% a4 T: V6 Z7 kvar xMax;
  J, C9 d' k% e0 C4 @7 ~! ^. Jvar yMax;
1 D' b0 Y/ g6 }* e; n- R; d0 ?var xPos = 0;
$ j4 g2 C1 N3 A+ }; n* {- ]$ Qvar yPos = 0;
  _  ~1 v9 z3 I8 xvar xDir = 'right';1 U7 y& }: ^, m# G
var yDir = 'down';
- b) p2 B" n- C+ t# g8 B7 `7 |var superballRunning = true;
7 q7 h/ X3 @7 ^8 K8 V! x. avar tempBallSpeed;
) H* H. X  G3 U9 r2 J& lvar currentBallSrc;
  `) l4 @9 t, Q9 B$ c$ \var newXDir;
. i1 }; L! u( H+ o* r/ @( ]7 Wvar newYDir;' f6 g/ m, D: e& a6 U
6 |9 I: k8 S7 ?3 P3 _5 {* U
function initializeBall() {
$ o, }! @# R7 R9 g- ]   if (document.all) {
  s5 c1 {8 T7 Z      xMax = document.body.clientWidth
( A' |3 n8 c5 j* s: \0 V+ M  J      yMax = document.body.clientHeight4 j9 x7 d% P8 X7 R% j- S. {8 `  _6 j
      document.all("supertext").style.visibility = "visible";
1 k# q" Z9 Z1 U      contentWidth=supertext.offsetWidth
# y- x$ X/ B8 z* G' K      contentHeight=supertext.offsetHeight8 B2 M+ _' r- G. j  r) U
      }
9 I; I2 k) Z' I! Y   else if (document.layers) {# h" w- N1 v4 e1 f9 `4 `8 t
      xMax = window.innerWidth;
7 h& ~  H* r# i      yMax = window.innerHeight;' R; i) g* ?, Y; E
      contentWidth=document.supertext.document.width% Q+ z0 N$ T0 s2 S, b4 T; `
      contentHeight=document.supertext.document.height
" P, P7 x5 ?% [7 q" i5 x      document.layers["supertext"].visibility = "show";' e3 n6 t/ i0 x6 p
      }
4 A5 F7 _+ y% Y: {/ W; j1 c   setTimeout('moveBall()',400);+ Y$ z9 C& Z3 W' y
   if (hidetimer!='')& \( Y/ {) O% _, I$ h1 I
   setTimeout("hidetext()",hidetimer)
+ V6 c; J2 L# Q3 R   }
- s- [/ d1 ?4 x" `
& z) v/ O. A8 b& v1 gfunction moveBall() {* ]- I0 \4 I9 T; o6 @# c2 ~; q
   if (superballRunning == true) {
) t, h6 I9 h5 Z      calculatePosition();
4 s) j7 t/ U! q      if (document.all) {! u1 Y  q0 `4 T" c/ x) Q+ m
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' W0 E( g* g3 R7 z9 r3 i
         document.all("supertext").style.top = yPos + document.body.scrollTop;  W8 a+ V1 f& i& F
         }( f! |1 o6 m) r( l" C/ d( _6 i
      else if (document.layers) {+ p2 [# {/ D# {7 [$ R+ \
         document.layers["supertext"].left = xPos + pageXOffset;% x4 R0 A, V. F8 i6 ?
         document.layers["supertext"].top = yPos + pageYOffset;6 S8 d( C8 ?1 @1 n8 m1 H" P7 }: l
         }, ^3 H$ P: z/ U* z
      animatetext=setTimeout('moveBall()',20);, l# g: m1 F/ {" f
      }$ E6 T9 F( t2 X0 M  e( V: }6 y
   }
( D) @- ~- z( E7 c% d) D" s
- \  O/ E; P# P, u$ Yfunction calculatePosition() {6 N" Z" A5 a0 i+ A/ ~4 i' m4 V
   if (xDir == "right") {0 Z" [8 e8 v4 w- X$ K/ ^" |5 ^# h
      if (xPos > (xMax - contentWidth - BallSpeed)) {8 a' @. F4 m  d6 b) ?
         xDir = "left";, }* a% i/ C) p
         }2 ~) m, Z- B/ A2 _: {
      }7 l$ J, Y- e& _6 \
   else if (xDir == "left") {# W* d9 v& i! h" |9 S: z! h
      if (xPos < (0 + BallSpeed)) {, j7 N! p8 H  C: b! a$ B
         xDir = "right";9 @+ n8 ~/ c/ L9 g+ _7 H6 @
         }
7 r; z% ^& A1 A( ]1 f8 v      }- j7 ?5 k+ X( c6 J, @& z3 f
   if (yDir == "down") {* L/ i# D4 d. z* q& c
      if (yPos > (yMax - contentHeight - BallSpeed)) {. G# p5 u4 S9 p
         yDir = "up";
2 f: T. V* ]5 L9 e& r. v         }3 q. u9 R. `1 ^# y: |; a
      }
& |6 k' r: m6 k0 X, D( s" w' @0 ?   else if (yDir == "up") {
& p7 H" T, Z& a; ^      if (yPos < (0 + BallSpeed)) {' X1 ]' U0 }# J: J7 A% b/ A3 L9 R1 b, D
         yDir = "down";' b6 N1 q  U) P& H, `0 E) w
         }5 K) k+ [9 R& O1 i+ K) e+ p& W
      }
5 O( r/ G( Z8 _+ e! {3 A   if (xDir == "right") {5 g2 Z% C( r. `6 A! Y: z, U
      xPos = xPos + BallSpeed;
5 r: V# J) r* {! @      }
& F  r# M4 `9 K$ M3 @% f' o; Y5 N   else if (xDir == "left") {
' W0 _0 N9 F7 o; F0 F5 J5 P      xPos = xPos - BallSpeed;1 V. ~, e, Y: k- A+ E
      }/ p& a& S3 n( _1 O% J
   else {) @3 u' w+ m" W; R" U
      xPos = xPos;
5 o" N( e# k- x! ?      }
! [# A9 w* q7 }  E0 a   if (yDir == "down") {7 [! t: q% l# T8 m
      yPos = yPos + BallSpeed;
% z- p2 B+ E; o8 u* |  M9 B2 }      }
/ C; W. S  Z: u4 {( U& k+ K   else if (yDir == "up") {
* O& o" v4 ?8 e( x+ V5 A      yPos = yPos - BallSpeed;
/ m" X- H. J4 c$ V4 |* n& E      }5 F2 O0 V9 @3 a* P9 X5 A% A- L5 v
   else {5 [+ n$ O# D0 A- \1 S' W( i
      yPos = yPos;9 D3 A- E0 h8 ?  A' J# t
      }& r0 r0 H6 ~) x. S* ?
   }
$ J6 u& M4 U' _# e6 i. l4 i9 N5 q& ?" B3 X7 h
function hidetext(){- _( k% _9 T6 E+ B  L
if (document.all)4 c0 F$ F) x6 G. Q# o. T; J; W
supertext.style.visibility="hidden"
/ }2 a* `/ t$ @# a$ xelse if (document.layers)7 i* W# w, ~' n5 k
document.supertext.visibility="hide"
& [* |3 N7 |0 MclearTimeout(animatetext)
* H. _* U5 v" S* s}% g, |8 {; A. _! g" u4 d3 B" P

% J% g0 `$ ]# X- x+ y% |if (document.all||document.layers){, g1 D/ H4 i% E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! Z+ c% k* _0 g: ?0 `5 K* \0 `window.onload = initializeBall;$ `6 [3 }3 N- K5 a( E! f
window.onresize = new Function("window.location.reload()");: W6 O7 @( [- N5 K' U
}; c1 y1 `2 ]. S8 f6 S8 Z
  f/ x3 L, ^- r8 P# _
</script>

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