返回列表 发帖

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

<style type="text/css">9 e/ f7 f( Z4 m( r% C3 o! U
#supertext {4 z5 T, \9 X/ ?' q
position:absolute;$ T% u. W9 d! }" ~+ V1 X/ n
left:0;+ u/ O" P; V# }6 C: z8 r/ }
top:0;7 A8 h" n" Z* Y6 P& `1 {( l
visibility:hide;# Z/ k' ]: o! ?* W9 m" m% E
visibility:hidden;
, m: Y4 Z+ c4 [7 G( T9 P}. H1 G" ?7 k" O- U1 t
</style>
6 E  A3 G$ k. ^+ s9 T0 |% v0 L; A<script language="JavaScript1.2">) c: @0 J( ]# R. w7 E! p
<!-- 改变下的字体的大小。颜色-->& q. x+ X+ Z. R6 u
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
& N1 T  y% R# _7 W2 Yvar hidetimer='';7 n% M5 c1 s: N
<!-- 改变下的弹跳速度-->
, X1 n! Z' ]2 E, lvar BallSpeed = 20;
8 u$ E9 w. A/ r6 W& v5 ?' kvar contentWidth;1 i/ G/ |( L- W% M- m
var contentHeight;
( Q4 @0 |5 p) X) [5 t: |4 x$ ovar maxBallSpeed = 50;/ p$ j; T: m! F) B
0 T0 s0 H) M3 i. q# y

$ f0 H' L  e+ }var xMax;
; c) t* z: z8 {% v, C5 }* @. Uvar yMax;
; u* ?' _  N3 \1 k7 {var xPos = 0;
. l" ?; z! Z& _$ M0 f$ Xvar yPos = 0;
" o; k  Q" b. O4 L3 ovar xDir = 'right';
# ^# I% f& c' T! l. vvar yDir = 'down';
8 a1 X, ]3 z$ x. v7 `9 p0 Ivar superballRunning = true;  T+ ^5 w1 ?0 X# B
var tempBallSpeed;& b0 s  N% a/ F) |1 [" a4 |, _% z
var currentBallSrc;
& ?0 F0 t* P: a6 G  }var newXDir;# Y9 r8 j  _2 h" Z% K3 z* T& @) o
var newYDir;
% p; K* k8 ~" ]- q6 z& e/ m- j  O0 L. @0 I3 f, X
function initializeBall() {
- L% j4 w, i3 M8 i  g2 I   if (document.all) {, |/ \' D& _, j4 w3 r: k& o: h
      xMax = document.body.clientWidth5 }  k! F( K  i$ o5 M. P
      yMax = document.body.clientHeight
6 {  S; ^- W& |' [& K      document.all("supertext").style.visibility = "visible";
4 v+ c% d5 T4 p+ c" \( q      contentWidth=supertext.offsetWidth
+ I0 |2 K, {' v1 |      contentHeight=supertext.offsetHeight
/ l7 H' r# k& d, m$ X- |+ p$ I  x0 F      }
4 G. S0 W, H6 o/ L# {* g   else if (document.layers) {5 K5 z+ Y9 U. V! j$ o
      xMax = window.innerWidth;
1 M( ?/ J9 o" b- p. c. m' E  L      yMax = window.innerHeight;
6 M2 F4 C: t2 W( |! Y6 H3 s7 z3 H" z- M      contentWidth=document.supertext.document.width7 Z7 ^7 l! H' f. {) s: [
      contentHeight=document.supertext.document.height
/ s& `6 j, ?' x- R1 o      document.layers["supertext"].visibility = "show";
7 p8 \2 }! s6 b      }
7 W% e% ?3 r# W+ I/ w9 }) A   setTimeout('moveBall()',400);
/ n9 Q2 n3 q, O$ ^( U: z   if (hidetimer!='')
: S" y+ i* H/ d   setTimeout("hidetext()",hidetimer)4 r. g& t5 b7 \
   }5 R) o# K$ Y5 r$ j% }
+ M5 o# W9 ]: G, N7 h; v% o
function moveBall() {
* k" Y+ v+ }6 `8 f   if (superballRunning == true) {
) X9 O" ?- @- }  J      calculatePosition();  w* w, l! g1 }; H
      if (document.all) {
- d% q1 ?8 D0 l; U  |+ N         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 j+ K! n- j0 h# H0 k
         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 g, ^6 F% @2 V: x         }2 u1 \* p- `% j; n$ ?0 i
      else if (document.layers) {
) X* ^, O, Y; M& @2 z0 K' J         document.layers["supertext"].left = xPos + pageXOffset;
4 V3 q( s& b/ U6 G2 l         document.layers["supertext"].top = yPos + pageYOffset;% Y/ c- O# R! V; z& l, R- N" A
         }
$ q* P7 O# D& n1 B      animatetext=setTimeout('moveBall()',20);
# k( `5 ^- q: [) {      }
$ b+ V; `% l) Q' u   }
0 b2 Y1 a9 z: ^7 q. i0 A4 c0 l- V
function calculatePosition() {, s: Q! _4 V% L* N; p
   if (xDir == "right") {' a. B. T/ {) w) G$ S8 N
      if (xPos > (xMax - contentWidth - BallSpeed)) {( \8 l$ s; J% I! X
         xDir = "left";
0 o. U! I# [5 l2 _! @3 z         }
/ @, u8 a/ l1 a/ h( t      }, P# f+ }& T7 A) f* k; i8 e
   else if (xDir == "left") {9 s, S% c7 a' `
      if (xPos < (0 + BallSpeed)) {
' }# d( N) N6 d7 Z* l0 d0 f  N1 ~         xDir = "right";
" H6 d" ]4 {, ]# ?! r7 ~         }
4 C! k0 c) i+ P( A      }
4 S" x/ y- ]3 L2 }   if (yDir == "down") {  V8 a2 q( f& Q( s* ~6 F
      if (yPos > (yMax - contentHeight - BallSpeed)) {  o# _, U5 h" i( M. k8 o
         yDir = "up";
" ~0 y7 W  F( Q         }/ c5 N& w; n( j: r- Q
      }
0 e! j+ d' V/ [- r  q2 w   else if (yDir == "up") {
% T9 K5 F& D& r* {+ X! b- s+ }      if (yPos < (0 + BallSpeed)) {
& l7 e; }( E" _  P6 s/ D+ ^& R3 {         yDir = "down";
, A$ I* i: g9 J% {& f+ ~         }
1 A- r2 j" l% n& n* n+ B8 n      }6 y; o1 {- f3 P2 K) w
   if (xDir == "right") {4 ^4 a+ S: j6 S. ]$ n+ `, C5 T
      xPos = xPos + BallSpeed;
/ |( Q* z6 J7 t$ E      }4 k7 k. k. ^6 \4 P* C/ `
   else if (xDir == "left") {; J$ H8 \' m" N, K9 K
      xPos = xPos - BallSpeed;
4 B# [5 h( @# m( T& ~2 |' L      }# z4 ?6 g* X* H% I0 Y
   else {
: d6 l+ y9 ?  t$ A      xPos = xPos;/ [4 R/ M6 ]' {' x; S3 J0 c
      }
( X+ n" i5 H& X, W; b   if (yDir == "down") {
1 f1 z! O: R+ K' v) y* \5 L$ a      yPos = yPos + BallSpeed;
0 x3 p* c& N" O1 @( X      }
8 _1 \5 K- C6 y2 w   else if (yDir == "up") {
* G: g' d# l9 \3 F9 q" D5 r' K      yPos = yPos - BallSpeed;
$ ~& K$ v: @& N$ A) V: y4 G  H      }
. l! T2 ?) ~# ]8 I/ t; j6 E+ ]   else {5 _  }& v, z8 s1 Y+ T) o
      yPos = yPos;
  U, t7 I* k$ ?1 {! W, Y" f      }
5 G4 Q/ R, n6 P2 [7 D, L  ]0 D& A   }
/ t2 N3 g- p* m1 s9 U7 r+ h! y7 u( ]+ G
function hidetext(){6 H$ B/ r# f8 P
if (document.all)
/ J- _. l3 H" N1 V6 L' Y: i0 R) osupertext.style.visibility="hidden"
% x5 Q% z3 z+ L' K4 S, k  p) l* Welse if (document.layers)7 s! c3 z/ X. y+ N8 z4 c
document.supertext.visibility="hide"# a% g; y6 R8 n5 _: r5 e% m: ?
clearTimeout(animatetext)
0 A5 {6 K  V9 G- B6 i}+ r% w  c+ m2 p# ?0 V$ H" `
  H. p! m9 r% ]7 z# g
if (document.all||document.layers){" S+ d$ h$ |) @  r, O4 m5 a0 a
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')9 d8 G' {5 `4 V
window.onload = initializeBall;4 e2 Q2 r! I+ [7 S
window.onresize = new Function("window.location.reload()");
6 C$ ~+ i5 V* E2 ?; L}
; H! J2 G& C% x8 D& _( T9 b! g7 X. i0 b
</script>

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