返回列表 发帖

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

<style type="text/css">( X% L' Q5 Z* [, @9 M  Y
#supertext {& z  Z, q3 }3 t, X( x( K3 C
position:absolute;
; x, q4 X8 M9 a* y! K2 Vleft:0;: k# o6 k* u3 K9 W: y5 X& K
top:0;) k$ F% g8 T) @2 D5 h* F4 b
visibility:hide;& m' f7 T/ }8 r  `% J
visibility:hidden;
6 v  G/ S2 Y/ s1 s4 ~}
: d4 j; ~$ j' z: ?# @3 v- c0 ~</style>
1 o5 d: W' {# E& Z  l0 @" A( V<script language="JavaScript1.2">
2 z0 x" z3 U5 l( y0 S, v! n! W0 D<!-- 改变下的字体的大小。颜色-->( |& G  n& q, ~# B0 d# M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# X4 p5 S/ O" i* Z" y
var hidetimer='';
% F2 j+ B. i' O/ i- H<!-- 改变下的弹跳速度-->5 p. r" E+ |1 N
var BallSpeed = 20;1 [+ p8 d7 `8 T3 I
var contentWidth;% @# C" y3 e3 y: D, O3 i
var contentHeight;/ F" n0 i4 T; c$ E! {# e6 H, i0 m
var maxBallSpeed = 50;$ I* c# `9 n, e) W! M( ?% T$ W4 [

0 w- {4 b- f9 {6 U  n/ r! J3 H
0 [4 P  Y  Q( R+ l" lvar xMax;
1 y4 U* q+ P: }var yMax;
9 E, {; x) b9 s& E0 o# R) B; Cvar xPos = 0;0 E9 }9 s5 b0 G+ |# n
var yPos = 0;1 \3 l& B* f( z7 E
var xDir = 'right';0 ]9 m" m' ~3 R! C: z) ~& o* p
var yDir = 'down';
# f6 Y. {3 ~# k5 Z( nvar superballRunning = true;
' p+ m5 M( y( \7 }: s) K) K. Yvar tempBallSpeed;
; k8 u/ Z* d+ C# Jvar currentBallSrc;
4 \' v# P4 |8 \# wvar newXDir;2 @* t& O2 @8 \5 n
var newYDir;3 h/ n4 S! [0 Z: I, j
. a- X" t. n- S7 w
function initializeBall() {8 G  W. j: `4 p
   if (document.all) {
& P; a8 m" z6 [6 w* x6 N      xMax = document.body.clientWidth! N4 t4 a" L3 @( ^6 M+ o
      yMax = document.body.clientHeight
  g, [4 _4 x' x      document.all("supertext").style.visibility = "visible";
1 T; @4 D( w3 s% A2 h0 g      contentWidth=supertext.offsetWidth
0 ?8 M* T$ I% I' z      contentHeight=supertext.offsetHeight5 u4 h0 D5 L' p' {% c$ B0 R
      }( J, N( }# m' a
   else if (document.layers) {
5 |) N: s! v: q8 `2 l+ J, i. }      xMax = window.innerWidth;; b% C; H$ c* Q' B3 R6 {: F
      yMax = window.innerHeight;# Q$ b! I! P% }0 o' L
      contentWidth=document.supertext.document.width
. y) E9 x' x0 b, |) J& B3 ?      contentHeight=document.supertext.document.height8 {5 @3 d+ b5 j/ M3 {
      document.layers["supertext"].visibility = "show";9 p, w4 n/ V8 y) u7 ^! j2 R6 q
      }* U5 ?2 m) m: {+ p
   setTimeout('moveBall()',400);! D7 [9 c* P+ a1 g7 U6 \
   if (hidetimer!='')
9 R+ g$ |" t4 Q, r' N7 B$ Q   setTimeout("hidetext()",hidetimer)
6 W- z4 c% K, w$ }. I   }$ j+ X0 o4 g$ R6 _2 z6 ^& H; F
2 Q4 H8 h6 ]/ \2 E) M
function moveBall() {4 |: q. C0 u6 L9 R
   if (superballRunning == true) {
$ w( H/ B6 P  s# h5 d3 S      calculatePosition();
$ }0 c' i+ g+ H7 V! M( }      if (document.all) {
5 s4 H% N8 @# d2 |' ^  d- i7 Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
4 O: k  z8 c. n% s# j$ c) ~5 k         document.all("supertext").style.top = yPos + document.body.scrollTop;
# S' M6 ~% {" A8 A         }
$ J5 l7 A% d/ t9 [      else if (document.layers) {$ X( x2 c1 L6 F2 V4 w: h
         document.layers["supertext"].left = xPos + pageXOffset;) G, ]" \; x7 i1 V6 ~# g$ q
         document.layers["supertext"].top = yPos + pageYOffset;% T) a8 C6 I( U% g' {; [( J" p
         }
( l  I0 P9 N* x( c' z      animatetext=setTimeout('moveBall()',20);
. b' u1 i6 L2 C. i5 \      }  _! P- ~. ]4 E9 j) Q  |
   }; m& h, ~" M0 M. U7 K/ b" U

/ P# M% ?# p# yfunction calculatePosition() {
! j/ T" x" _( s6 ?: E9 m   if (xDir == "right") {7 b. G4 m. a- R4 a8 I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
! x: a) g  I3 W. T: ^5 g  x         xDir = "left";- ]6 v, `$ a6 P9 s8 [$ f
         }
8 h/ _% k- Q7 Q5 C2 J: Z      }
- K* V; V7 j) w- R/ H5 L   else if (xDir == "left") {! I8 V5 Y2 r6 H$ z+ |* ?, {
      if (xPos < (0 + BallSpeed)) {
- p7 z) _! Y' q4 ]. @# t8 G7 r& c         xDir = "right";
; r$ J$ v* ^+ g+ \1 d         }
3 V. X+ M6 H1 q( C# Q      }  ^4 k& x( J6 b1 y7 q1 g' C: L
   if (yDir == "down") {
8 Q1 g6 k( a  W3 C      if (yPos > (yMax - contentHeight - BallSpeed)) {0 m0 F# e7 d/ \& _
         yDir = "up";
; B' ~( |. J+ B  S1 s         }
" `# b1 w' u4 P( W+ c      }
7 M( X. O# {0 ]0 u, F   else if (yDir == "up") {$ n6 C0 H" ]; p7 {1 Z- W& z  k
      if (yPos < (0 + BallSpeed)) {" i+ q1 T' H: i" e7 v
         yDir = "down";
* \/ W/ L  P# t; l3 V9 C         }2 [- q5 A- @6 Q3 _
      }# c# z# c5 X$ H& Z0 u6 A
   if (xDir == "right") {$ w$ ]3 \4 W" V3 n6 B
      xPos = xPos + BallSpeed;8 q, m' I; a; |) o
      }
0 y' b& N6 F2 |, [( m   else if (xDir == "left") {8 ~9 z2 j  ?1 I5 C+ s. H; K: l
      xPos = xPos - BallSpeed;' E; T+ y( G6 V
      }
, ]$ a" c; e  F( Z; J   else {+ h6 R/ f5 r+ H' R# K8 x3 h( O8 c
      xPos = xPos;
! h8 X+ ^. O6 f      }# w5 I/ C, ^' K' A4 [. {
   if (yDir == "down") {
( _1 N9 g3 U- w      yPos = yPos + BallSpeed;
2 }* v) F6 \" R      }& x- @  C: U& V% z
   else if (yDir == "up") {
) r/ A& a9 Z2 I; W2 \% B1 Y      yPos = yPos - BallSpeed;- j3 Z( `7 R7 _
      }
: v$ o7 ~# S8 E7 W: F8 x3 M  E3 C. D( ?   else {
( L- t& {* ~& n      yPos = yPos;8 g+ h! ?6 \, G- P* d
      }  z" [6 M7 r8 j# ^' Y# H2 D- d
   }: @$ V' t2 A6 `; K) L$ ~' W+ N
2 t! G  n" M2 T4 G5 N6 B/ P& D% V
function hidetext(){$ c8 z3 r+ l3 V2 z8 p% t
if (document.all). R6 I6 J& C! c$ L- |( X
supertext.style.visibility="hidden"9 c2 z6 e6 {' |( Y" f
else if (document.layers)6 O( y4 O5 e5 G) U
document.supertext.visibility="hide"
& [. a  M5 k  z+ m$ ^* lclearTimeout(animatetext)
6 E' t1 e" f$ F# S}
5 o% @, Y+ s5 K5 k3 G% }8 x/ @
8 r* C7 b. O" _2 g: s2 yif (document.all||document.layers){, \" m. m6 s! }, v2 S. [* S
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')$ y$ `1 I6 Y  D
window.onload = initializeBall;
! ~' d- c; j) n" j* \window.onresize = new Function("window.location.reload()");) O1 v4 _7 ]( H% W
}
5 B6 ~( T1 |6 I5 C# W
7 A/ P$ R( X  e, \9 H- }* }</script>

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