返回列表 发帖

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

<style type="text/css">$ |: [# c1 A8 q
#supertext {) F& [& v6 N2 s* S* ?: Q( g9 `
position:absolute;  z; _- |8 R' `' T- G
left:0;
" d9 K* R. _8 v  R6 S; V8 atop:0;; [1 w! {& `7 P$ t4 t
visibility:hide;
; L: q0 Z; T6 \$ C+ H. ^( }visibility:hidden;
. E, P, }6 X5 o: j8 C}
6 U6 U- J, i% g, @( d</style>
; X4 q1 K0 P* v6 s# L<script language="JavaScript1.2">6 D/ s" }1 S( A2 R
<!-- 改变下的字体的大小。颜色-->
9 e$ D3 s9 O' vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+ v* F4 r# b- I. Qvar hidetimer='';% s9 w# z8 V$ w  d& G7 T8 |
<!-- 改变下的弹跳速度-->+ M' V! I; Y& j: k) m* b0 r. ]
var BallSpeed = 20;7 J! u, I8 T9 T: @: [: {
var contentWidth;9 `' {$ v* l& K& W/ ~1 A9 s4 z& C
var contentHeight;
' ?8 t) ~- I0 S- s  Rvar maxBallSpeed = 50;
; L! l# j6 c7 z+ z% }; a& A) D9 b; N2 z% o+ B# ?+ n
( @$ B1 {$ c3 n% P5 ]
var xMax;4 a3 \3 G5 D, {# Z
var yMax;) w/ f, I7 u' x* I& E
var xPos = 0;5 A/ j* b( P$ S+ h* b5 U# h9 O
var yPos = 0;
. [6 l6 K/ ?8 P) a2 Y. V0 b1 `  A6 |var xDir = 'right';
, o1 C. n! B6 A% B& L, ~6 P6 ?var yDir = 'down';/ W1 p# d) o( W2 g7 }
var superballRunning = true;
4 G% M# K% K% w  a0 t* O: T9 |var tempBallSpeed;
. H* d  x+ }0 k) C7 o' B0 }var currentBallSrc;
# N* H/ C( J+ r) xvar newXDir;
; m2 U6 @' ^" `) j) `4 bvar newYDir;8 i% N3 j8 Y/ [8 C' Y& A
6 g! d' }1 C' @: V; }( H4 N1 j
function initializeBall() {) o: }+ O$ i" i9 a
   if (document.all) {1 u6 [5 b9 [2 d! [
      xMax = document.body.clientWidth
' u+ M1 v- g6 J- B      yMax = document.body.clientHeight1 b4 l- R- I  W( m2 ]
      document.all("supertext").style.visibility = "visible";. ~+ E( L, O" h: V' r- f4 ]
      contentWidth=supertext.offsetWidth# C$ l) _/ N' D3 @* E2 A
      contentHeight=supertext.offsetHeight
9 t% T' F7 Z7 z# J      }
4 H. Y- d6 m1 K) e* ?/ J# k- y) S+ Y: R   else if (document.layers) {
8 X9 x7 {8 N' e7 V$ P/ v$ v      xMax = window.innerWidth;
! O( b* _: |2 u7 u      yMax = window.innerHeight;
. h2 l% t* _; p( a6 [3 W% `0 |( x      contentWidth=document.supertext.document.width8 `4 d( S" m. e9 [! R; T, c. ?5 j
      contentHeight=document.supertext.document.height
! d, }/ d" y2 M- J$ O7 y# g      document.layers["supertext"].visibility = "show";
% g& i6 F; H% t" T% ]0 }, d' [      }
, x& j8 ?$ \/ s* Z% Z1 C  n   setTimeout('moveBall()',400);% X3 T; r- J7 v  t5 W7 W/ j
   if (hidetimer!='')
( l( L4 a4 c( Y7 f$ \. F7 i/ o   setTimeout("hidetext()",hidetimer)! @1 s3 {! w0 ]1 B% Q+ J# z, Y1 i
   }+ p% o6 A) h+ |; z
) P' @3 G1 d' ?! [' @1 Y' i  n: k
function moveBall() {
. U0 A$ Y$ a2 n8 `! Z   if (superballRunning == true) {
& \! R1 Q! N0 x% k% t) |      calculatePosition();
2 U: U! n3 m! _% Y# K8 @% P* a  w/ z) Q      if (document.all) {# P) o; M. n! ~6 U. F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;% H9 V3 ]0 N. t
         document.all("supertext").style.top = yPos + document.body.scrollTop;
3 S/ F1 b' T! L5 s+ J         }
( O& i; @3 N  M, v4 s      else if (document.layers) {
  k  g' c1 j: w0 Q: W0 S         document.layers["supertext"].left = xPos + pageXOffset;( j* H3 W% e* U' p& y
         document.layers["supertext"].top = yPos + pageYOffset;4 D9 G' y. E; W8 V- J: R
         }3 t6 g5 a8 K! e$ c- \" O% x3 }
      animatetext=setTimeout('moveBall()',20);
0 d# B) u# N' H" S$ [      }! F& E+ u3 @' S1 d' F0 I6 h' v1 Y
   }
) r( ]2 d& O, R/ H& j2 G3 A/ |; }" w0 U$ P$ k+ h# |
function calculatePosition() {
7 u+ ^' h; I, u! {  g: D& I7 n   if (xDir == "right") {0 [: U: O$ b3 E4 e4 m1 }3 ^: U
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ a1 I1 j$ m8 `/ w; X* m         xDir = "left";7 U! D" f! I  ]' [) F0 R/ w8 {7 {! P
         }  H6 C1 }/ w5 Y. B
      }, Y- T; N- u7 ^2 W2 U
   else if (xDir == "left") {
/ p1 M" p1 _% b; }! N  Y. z      if (xPos < (0 + BallSpeed)) {0 h! d5 ^! L! B# [& ^5 x9 o# Q
         xDir = "right";3 ^( r0 p( i2 |, S$ c; C
         }. z" V/ v7 H+ O1 P% Q5 Y& _
      }
, ^9 O4 F$ ]5 x4 l3 \3 G   if (yDir == "down") {: X- ]1 M0 a/ w* J8 D
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 B7 Z$ Z# M- Q  T6 U: P         yDir = "up";& k* G2 M) d8 x
         }' W- d" j7 \1 o: s  |  m3 O$ I# {
      }
9 h3 x- j) R  p9 p+ r( P! O   else if (yDir == "up") {: c( d' o9 D- Z
      if (yPos < (0 + BallSpeed)) {
8 V# T: e4 I1 y5 w: t1 Q: ]' q! v         yDir = "down";9 Y1 T2 M* ], H
         }' v# K1 u6 u, S; _
      }
) E+ ~4 a/ P9 d0 u8 Z" n, W; k   if (xDir == "right") {/ F. V0 @4 k9 W( T+ O
      xPos = xPos + BallSpeed;' b2 |( m4 e7 Y9 N
      }
% c% D3 r6 q* G) x6 P   else if (xDir == "left") {" s& a  I0 f0 \; q3 @% C  r
      xPos = xPos - BallSpeed;( t9 o& ~2 |3 v8 m" {0 e
      }  K. \% X& j% H
   else {2 P4 h1 O+ ?( L6 Q9 e+ g5 S" I
      xPos = xPos;
5 V; P0 d! T) O1 q; P      }4 X/ V( b1 b4 C  [
   if (yDir == "down") {
; ^* X6 q- H! t1 x. x& C; o      yPos = yPos + BallSpeed;
% d- a# p" Y$ T      }
9 ?2 p1 `) V! A/ b   else if (yDir == "up") {
' ~9 y3 _1 o1 C$ Z      yPos = yPos - BallSpeed;& B. d8 K/ r) W9 ~5 d9 l: R+ N
      }) o) X  z) w. K# e
   else {7 ^; _$ n1 H5 T$ g& Q/ c# k  x
      yPos = yPos;
$ R% U* d" b  ?, P, O      }
- c0 R& `. \% E" X" {/ E   }
6 B/ {! L7 u1 `
" N3 A! t6 U. X$ i; p1 Rfunction hidetext(){" `2 e6 \5 z' C! p
if (document.all), h: D; s. P3 L8 d
supertext.style.visibility="hidden"
4 {! U6 u" j; _2 Xelse if (document.layers)
2 W5 ^! s3 L* c4 F) S9 x2 ldocument.supertext.visibility="hide"
- k* p% c7 n0 q+ S" T2 B2 ~" ]clearTimeout(animatetext)" d: k7 a- }) Z$ K. o8 `  ]9 p! d
}
* h4 W; W8 Z, F( I7 _+ r% X! ]* O+ F, v% R2 w' d7 d
if (document.all||document.layers){
+ Y5 y, c+ J$ W' idocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& C& h- ?  q; U0 X) @
window.onload = initializeBall;3 F4 s" m$ X4 [! e
window.onresize = new Function("window.location.reload()");
1 l9 _; h/ I7 ?3 H+ f}* W% E2 E4 P9 N
% G1 Y3 ^  g; l5 M
</script>

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