返回列表 发帖

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

<style type="text/css">
# ~3 T1 g/ h0 a2 ?+ \6 M9 x#supertext {7 a! z7 M! e" [- a- j6 g
position:absolute;2 f) M5 d0 G( a7 [2 X
left:0;) t  Q; l' T6 g' \; t# E* O. g
top:0;
8 }4 |9 h' @' r" q" P' F& yvisibility:hide;6 A. b; s/ m  W3 ^; Z
visibility:hidden;
# `0 W; V% B# @9 |5 K1 n: n}
1 S% ]* ]! i2 S. U</style>8 ^: ?% ~. i2 |6 o
<script language="JavaScript1.2">* r7 J: w3 J: m8 I  J  y1 p
<!-- 改变下的字体的大小。颜色--># ~' G( f* Y) H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'6 A8 J0 v7 e$ A( Z) e1 f
var hidetimer='';
: E; g9 M" i0 S9 F<!-- 改变下的弹跳速度-->
& N7 e# u3 Z6 M7 D; ^  gvar BallSpeed = 20;" R& u& Y8 a: B
var contentWidth;! D% s. _* n( L: _
var contentHeight;
9 }' F8 E3 J4 |& a% wvar maxBallSpeed = 50;( Z! e: j6 N# V" n, E3 k/ p
# q) s2 l3 [- i) ]3 k

+ ~5 A7 _3 }& u" c8 tvar xMax;3 ?7 X3 h8 v0 k4 w: D( ]- W  u# L* w
var yMax;! Z, W2 S, q6 I! c/ M& ^0 o
var xPos = 0;
  H# X0 C& j/ [( X& Z6 f, Cvar yPos = 0;
6 N# B2 [% r1 a0 gvar xDir = 'right';' Q# y5 M) _# x* r" I
var yDir = 'down';8 ?# K4 G2 R7 Q5 T( E* d: _
var superballRunning = true;' E) s- b. x  F! _* e9 y  C
var tempBallSpeed;! z3 T& w' K+ r3 s# F8 [
var currentBallSrc;
) m1 {4 R' Q: g4 ^8 @& lvar newXDir;- n: j, z4 L, ~! E
var newYDir;
& [* M% p: h) a4 Y( \9 o' s2 c
6 d( v! P. u. D# T; y  _function initializeBall() {& y+ f! A; O% {0 V. N  c
   if (document.all) {
: e( ^" ^' Z* E% D      xMax = document.body.clientWidth
/ C7 _" b& f9 S' Q, x- e      yMax = document.body.clientHeight! x, o+ Z% S+ v
      document.all("supertext").style.visibility = "visible";- Q( v# b) |9 n) Z8 B
      contentWidth=supertext.offsetWidth
' [5 j! _$ N5 V# i7 ~/ H      contentHeight=supertext.offsetHeight( a9 c' `) {4 T. o% N
      }7 E7 A. f) {2 F& g% f
   else if (document.layers) {
$ `: |* U. s. R7 T* w/ e5 l8 \      xMax = window.innerWidth;
' s3 E6 f7 K1 t2 M, M1 I0 l8 P      yMax = window.innerHeight;; k% R/ _# v9 `2 y% ]9 f
      contentWidth=document.supertext.document.width
1 _. |6 S. `3 C      contentHeight=document.supertext.document.height
3 d3 q0 e1 y! ^% u3 n) v      document.layers["supertext"].visibility = "show";7 I  n! L6 d+ m
      }- k+ W. }6 ^# c4 p+ `
   setTimeout('moveBall()',400);9 B8 D- S3 m4 }% @# M) h/ @# c
   if (hidetimer!='')
: g3 ?7 r8 l0 q4 ?0 ?   setTimeout("hidetext()",hidetimer)
$ P+ K) H; x( ^1 m9 ]9 W8 ]$ K9 A   }
: B1 F& o) H. i& Q; X0 {) z
& c  e4 J" p0 W) y) C  hfunction moveBall() {$ R1 _$ m# S% E  u
   if (superballRunning == true) {- X0 b# z+ Z2 v7 K) p' i. U& `
      calculatePosition();
, d4 v: T# G$ K* [+ E" ^      if (document.all) {
$ {7 B. A0 \) E1 S3 }         document.all("supertext").style.left = xPos + document.body.scrollLeft;  p; v0 u9 E0 k
         document.all("supertext").style.top = yPos + document.body.scrollTop;
/ i; b  ?- l- }# @( A7 e         }# h1 ^9 n* ~8 Q3 Z/ C, {
      else if (document.layers) {
* L% l) T6 g- k, m- @7 @& P! S2 Y# @         document.layers["supertext"].left = xPos + pageXOffset;
7 g, x4 m) W6 T( a- @% O         document.layers["supertext"].top = yPos + pageYOffset;
! c" R# v. y, L4 e         }/ @% X% _, n, e6 O
      animatetext=setTimeout('moveBall()',20);
! @1 W* v: J- ~' C. I      }
2 ?7 l& a, L( X) u! J) Y   }* u2 T5 y) h! r, [

$ `% z* P0 p+ V- J% }- A& Afunction calculatePosition() {
# c+ q6 f2 L6 e   if (xDir == "right") {& j" C' @4 [+ @) v* N' C. l6 I9 V! [
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: \3 f; K" q7 W3 ?         xDir = "left";$ e2 b1 y- F7 _+ q% d9 E' m
         }
& |) k/ ?6 B5 n  p* Q2 L      }' }; [' x7 @* H7 e/ F0 ~
   else if (xDir == "left") {
2 D/ Q9 e) O+ V9 M      if (xPos < (0 + BallSpeed)) {1 D# e& \$ M" l8 c
         xDir = "right";
* Y8 L7 [" J) Q/ n         }
. [  z7 n5 H1 ^8 q5 o      }
1 g  {' Y3 i: y. t; r   if (yDir == "down") {
. e$ |: b* a  A      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ u! C; M* o  `( Y. H         yDir = "up";
. h  w4 H& v) ]( W% }! B         }, P+ x5 Z1 c% ^3 ?1 n; y& {2 w* i3 {
      }1 n: m! K" }  X% \0 N
   else if (yDir == "up") {* ?5 I, c' Y& Z2 e
      if (yPos < (0 + BallSpeed)) {
& f& y% U3 @; V' ]3 s  v9 Y: P         yDir = "down";4 T+ r* f6 F" T
         }
$ G4 K) u% ?2 C4 {$ A' A9 x      }, r9 B2 e* X1 s7 x; F1 ^7 V$ R- O$ ~" [
   if (xDir == "right") {
6 N2 Q: F1 X# U5 g: R0 h4 _      xPos = xPos + BallSpeed;9 @8 u0 H9 w) c7 Q
      }3 g$ N7 K7 S2 k! ?
   else if (xDir == "left") {: Q! y, k  ?3 N7 _1 q
      xPos = xPos - BallSpeed;
: ^" S4 N' W; B" }0 o      }8 I; g* P" [4 r$ u3 p# P' k1 a3 A6 f
   else {- o; q( n( e& e- A9 J+ z
      xPos = xPos;
& @2 [; v. U( {      }" T4 p2 r& i+ U
   if (yDir == "down") {
6 k$ O( M  J( E# ~+ [      yPos = yPos + BallSpeed;
" \" s) ?  Z+ N9 _      }3 r6 Y) N# A! W, j# p6 H5 S/ a) ^2 S
   else if (yDir == "up") {1 I) ?% Y' a) h+ B1 v3 S
      yPos = yPos - BallSpeed;' Q* {3 Q3 j& l6 K3 G* o" @2 T1 {$ m
      }
4 s$ H0 V4 e$ P: K. i. W. {* O   else {  D& W) D2 t% C; w& q' L' [
      yPos = yPos;
1 \( X6 |0 X( T' N1 Z# d4 v      }
7 R6 E1 O9 P4 {9 \) M, w: Q) j   }
4 O8 W4 K" ]3 Z$ b+ H- ^( K' D; d' f, X: [* O- U; T  j2 V
function hidetext(){
" G) f/ c0 A! @) |( v7 @2 H& xif (document.all)3 x7 h3 W1 ]* Q( f: D% Z
supertext.style.visibility="hidden"6 n( n! F+ ?6 q& p
else if (document.layers)
" y7 @7 r  [7 y- a8 I, Q  Pdocument.supertext.visibility="hide"
- u* O: [# ^9 x4 OclearTimeout(animatetext)
8 l4 q. m! D+ w}
1 \$ Z9 T1 r& O- s! \; l; L5 F: `" R+ O6 p
if (document.all||document.layers){& ]' W( d( `) \
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
- R- ~1 ?' u% R- ^5 qwindow.onload = initializeBall;
; R! v9 l9 F& M' I# m) z2 Iwindow.onresize = new Function("window.location.reload()");/ ~% A2 z4 {0 Q/ O$ w
}
4 [. W1 S; ~- z1 M- I% t4 \
: X) u% M4 i9 A3 t# L: x4 V</script>

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