返回列表 发帖

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

<style type="text/css">3 E5 U4 i2 V, Y4 H2 B
#supertext {* l( r" U; I$ j7 n4 O+ [( `$ n6 L$ Y
position:absolute;5 R; O! {: O" s4 a( s# y) ]; _/ Y
left:0;
/ Y  n3 Y/ D* [. f0 k8 ~top:0;  \+ `3 w8 J! d' u# h" n  T
visibility:hide;
3 v4 O+ X, H* n2 H1 |visibility:hidden;
7 W# a3 F& r0 V}! ^' f( `- @. S0 C' T! t& p
</style>
* y8 L" m9 E, v+ O6 H: H/ g<script language="JavaScript1.2">
) c0 c6 O5 A8 h. ]<!-- 改变下的字体的大小。颜色-->
9 B  q' o* P6 @  hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( h9 J0 {: x+ j% q& h4 ]% f$ z" d: m/ ]
var hidetimer='';6 g* N& u/ W; o9 ~$ h5 s
<!-- 改变下的弹跳速度-->& C' l* w5 ?. R1 {% t
var BallSpeed = 20;/ S; ~, U4 O% e( I( e/ h  h
var contentWidth;8 h8 O. m0 {( X+ m# d
var contentHeight;5 z& [7 ~0 C; W4 e; b8 q# G. A. K
var maxBallSpeed = 50;
5 l4 Y* z' ?; O1 w7 Z9 B
  C$ u  V4 T: R( W: |! r9 X, Q5 x  H* w/ s$ e
var xMax;
. k3 y' A: ^6 V" l$ ~8 G$ ~var yMax;
* l9 U  P/ |7 p2 cvar xPos = 0;9 Q& |2 ]- m% S6 M# b/ C) o
var yPos = 0;' }) `5 f" `. G  E* G" k; V) m
var xDir = 'right';: r3 Y* z# h4 L
var yDir = 'down';# w% e6 c% z  s! ^, j- [' S
var superballRunning = true;
& A+ h  X5 L$ ~" J$ N4 W2 O  x! Avar tempBallSpeed;* V/ h2 K" Z, t+ `( ~8 p9 Y
var currentBallSrc;
( y. P/ W- [& U. }. [4 Uvar newXDir;) m+ K$ w6 |+ E7 T! V' _8 V
var newYDir;3 k- G( Y# _  x
# j4 _- q' _' _& b# M7 M# e
function initializeBall() {6 G! F' n6 N+ Q6 J8 v2 J1 H
   if (document.all) {; }" ~! {) s$ c, `$ |* |  R
      xMax = document.body.clientWidth# n, A% b; J; Z1 I4 D' V, l+ L
      yMax = document.body.clientHeight
5 D& _- S6 g: r6 A5 o+ Q: B3 z9 u      document.all("supertext").style.visibility = "visible";
' M$ v( z4 E8 [: {: b2 ?9 C      contentWidth=supertext.offsetWidth$ i+ c" O/ R. }
      contentHeight=supertext.offsetHeight
* I+ t- e7 V' W3 c5 i8 N, c      }
" k8 v3 D8 J9 k9 n1 P   else if (document.layers) {
+ u4 C7 F! V; A5 e/ P" B      xMax = window.innerWidth;
6 B2 b) b6 q& W  z& X' d& L; k      yMax = window.innerHeight;1 R3 w$ P; m) ]( f# n+ d
      contentWidth=document.supertext.document.width
  J  |* ?2 N2 b& \" O/ i      contentHeight=document.supertext.document.height
# b6 Q& P3 b' P8 T* p      document.layers["supertext"].visibility = "show";
2 G- k. J( B( d' }$ d; w      }' Q) b% g! C! Y4 R2 `1 m
   setTimeout('moveBall()',400);
- S+ M0 I! o8 q; J   if (hidetimer!='')
- |$ e# a9 K( y/ h2 ]   setTimeout("hidetext()",hidetimer)
0 R) i7 }7 O! ]3 I/ J3 |   }
' N- k! q- g8 T9 }7 C4 J/ l6 w7 L; T5 D7 C( G8 F
function moveBall() {
; z$ j; r; q, O2 D" s" ]   if (superballRunning == true) {
, f4 W9 O. @' J6 s6 |9 L! _% H      calculatePosition();- _* t. N7 o# l8 x
      if (document.all) {
3 f' `& X  p9 S8 v5 k         document.all("supertext").style.left = xPos + document.body.scrollLeft;
6 b, T! |) w6 [& ^$ N         document.all("supertext").style.top = yPos + document.body.scrollTop;. f; V. ]& h2 c3 I7 ]( f8 f
         }
9 r! P% k6 n* p% m! j      else if (document.layers) {$ o' i3 K( q* L5 _2 h1 z! @
         document.layers["supertext"].left = xPos + pageXOffset;
3 H- ^0 |0 U4 ?# d# ^+ S         document.layers["supertext"].top = yPos + pageYOffset;
$ `  J& [2 V, H. w         }- L: R% C9 X% n  u  _, Q+ C( S
      animatetext=setTimeout('moveBall()',20);
: _9 o$ f4 w0 {      }2 b! |4 x. ]( i+ i$ [* f/ z# C  B
   }
1 ]6 O9 F% d, J
3 |9 C3 J# `/ [, a9 i: mfunction calculatePosition() {2 \$ j; w% d3 b: x+ g4 ]8 r9 Q
   if (xDir == "right") {
2 Q8 n( Z1 g6 Y      if (xPos > (xMax - contentWidth - BallSpeed)) {# h# D: n) B: \6 f2 N) O
         xDir = "left";3 l( N7 S: A: {' i
         }8 N8 c- T5 o. V# [' `0 l/ p3 f
      }
3 v' Z' Y3 p/ I7 U6 f2 O   else if (xDir == "left") {' ^+ J7 x% I$ u( k4 z
      if (xPos < (0 + BallSpeed)) {$ s# T- f; }. U6 y% n
         xDir = "right";- }, ]8 k+ n, W6 t
         }7 _, ?/ k( b3 B# G  f4 _# W8 F- f7 Q
      }/ ]$ E7 I+ @& z
   if (yDir == "down") {
# t! F; H* S4 J& f1 J7 y      if (yPos > (yMax - contentHeight - BallSpeed)) {/ v% t& @+ W7 u& s8 v
         yDir = "up";
2 y* Y; |& W4 h& D3 I         }
8 r* h, j5 i$ H0 j      }0 M0 Y7 M8 |1 Z
   else if (yDir == "up") {
: O* W8 m. U* e4 |5 K7 z      if (yPos < (0 + BallSpeed)) {1 F; @/ E3 U, r0 ]5 J% ]
         yDir = "down";4 ^4 u% P+ t) u' J1 Q! r
         }
! w5 t0 `8 E- R! ~/ J      }
: K1 T* O( e& G: ~   if (xDir == "right") {( }0 I6 J6 m- D8 ?$ S2 d
      xPos = xPos + BallSpeed;
6 _* a; c* |9 Q      }. s, Y% t4 \2 l. T# V$ p
   else if (xDir == "left") {
. ^- `4 g) t8 P# N" T/ V$ q      xPos = xPos - BallSpeed;; W% P& K- ~1 A, X5 b7 }% N8 z
      }
4 V1 p  M' @8 D   else {! N  x, a: w/ ]
      xPos = xPos;
' T& U# e$ r& Y) P/ J      }
% q! q% I2 n2 g, f# J   if (yDir == "down") {
0 e8 x8 X* ~$ G& U3 C      yPos = yPos + BallSpeed;
; o6 C0 Z  W% ~; u& b2 }7 F$ N      }! [" W/ c2 l+ l* j! h" A
   else if (yDir == "up") {
7 y+ T0 M) @9 [! @5 I6 E      yPos = yPos - BallSpeed;' T. B/ G! v6 o! c! H% L
      }1 {# Q/ X: _$ y/ D5 B) w; R
   else {" w/ u9 X6 l  Y; v; L0 \0 M
      yPos = yPos;
! `4 V. s9 F6 s  b* r      }* [* D+ s0 Y& i
   }; m% @, h& |# H; |
$ r. C& ?0 h+ |# k5 `
function hidetext(){0 j: \  E/ X6 T; A. e
if (document.all)/ t' K" w" j( e' z
supertext.style.visibility="hidden"
) N% }" t" k3 ?2 v8 y, |7 @else if (document.layers)
; b" {4 u9 k1 s. q9 u* _document.supertext.visibility="hide"
) K" a- F: q% l. n  ~( nclearTimeout(animatetext); C% _9 g" m4 {; V% t/ y+ ?4 m
}1 H3 `+ n& s5 |- F
7 h4 N# e; Q0 ?: M3 E# d
if (document.all||document.layers){9 I' s) N: D+ i! r
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& ^1 M: V* ~* v6 Y" k" ~: U
window.onload = initializeBall;! h6 ^; T1 S& p% h
window.onresize = new Function("window.location.reload()");3 e5 b3 m/ r/ c5 |
}# f. C: r6 P- m9 M6 O  X% L! g1 ?; N
' W; H- \; }5 o. O
</script>

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