返回列表 发帖

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

<style type="text/css">
: M- _$ t' I4 P#supertext {
4 D4 A/ B1 S5 \$ Y1 Kposition:absolute;
# v! a4 ?& E. r6 s% Nleft:0;* ~/ h: S  L7 w4 K$ Y
top:0;
, ]$ u1 y9 y$ j$ W2 v# u. |3 ]: Rvisibility:hide;
* b, i5 ?& A% a) H3 tvisibility:hidden;# }1 X5 S& R0 X2 H7 r
}
' t9 _4 i1 v# d3 t, m3 ~- j</style>
2 B8 ^8 C. {. I$ t7 a7 x<script language="JavaScript1.2">
, Z; d% v% l5 W( Z: H7 W5 d<!-- 改变下的字体的大小。颜色-->
# e. j' _3 m& b  `" uvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
% B- ]$ f1 P- n8 o. ?7 B- q. Gvar hidetimer='';, y  S' R) p- B1 D8 ]
<!-- 改变下的弹跳速度-->" m0 M% d  [/ L" A  d
var BallSpeed = 20;
2 F% p; {& t# g% E& O) Cvar contentWidth;
$ L! l8 x% i1 Z, q- Z5 nvar contentHeight;
8 n* q) Y& F3 N+ L3 o( u! C9 Yvar maxBallSpeed = 50;
7 P+ v) Z; P( i+ ~0 _, }
$ b' c: [- ?7 w/ \7 D0 z4 d) o, ^9 i3 ^8 ~9 h% v. h( l
var xMax;
! H8 |9 ?5 z: B1 Y" b4 Xvar yMax;
1 L/ W8 j# p# }" Fvar xPos = 0;+ |' b; E: W) ~0 h8 m& h* _+ J% I
var yPos = 0;# r" \, {6 W# z, A
var xDir = 'right';' c# ?1 O  y" O+ G$ u
var yDir = 'down';
% n1 f5 r9 u2 k2 j: A* U2 ~var superballRunning = true;: N) d* F7 {; b" `' D+ l; D+ [
var tempBallSpeed;
* g; X  O& n% J3 Evar currentBallSrc;6 F, k) f$ V% ^7 S: y$ b  z( z( L
var newXDir;9 W" x: F7 H( [  ~. Z
var newYDir;; X. F% r; {$ r9 ]' P# c2 ], H  {

! _7 y' g+ K! l  ]- y: H4 D$ rfunction initializeBall() {
% j" ^; I- u6 q& t+ k1 N1 D4 h$ _   if (document.all) {
, \) ]1 ]' Y) a6 \& x      xMax = document.body.clientWidth
, \1 f$ }* |* X$ v) C7 X      yMax = document.body.clientHeight6 Z  w/ _' Y7 ~1 O0 |
      document.all("supertext").style.visibility = "visible";  d" X% x4 @, \7 P
      contentWidth=supertext.offsetWidth
( r$ Z% Q; v  p/ c      contentHeight=supertext.offsetHeight' I$ W; I* n* a" [. ~, Z
      }
" P$ z) R; p  _; d   else if (document.layers) {
  m  s* G5 t/ k/ Y* l4 L      xMax = window.innerWidth;2 g; j- U6 U  q" f/ ?3 e" ^
      yMax = window.innerHeight;
  a8 t' ^/ t3 A      contentWidth=document.supertext.document.width
. R" G6 R6 b6 Y      contentHeight=document.supertext.document.height
; Z' j* j( q# ^: Y9 ~: P      document.layers["supertext"].visibility = "show";8 c# a- D; v* `
      }
; Y2 G; S9 x5 |/ B   setTimeout('moveBall()',400);
1 }& @# M3 a0 a6 m( I. x; y9 K/ b   if (hidetimer!='')
: A  p/ r4 g' \# c# k4 @   setTimeout("hidetext()",hidetimer), d3 u; w8 L+ V4 f0 m' \4 U" k5 \0 M
   }
/ _+ P# r; I' U" X' {
; l4 m0 s+ c4 j, }function moveBall() {
9 T9 [9 @, T; h* x1 v9 y+ h0 p8 M   if (superballRunning == true) {& G% _1 k& b; y  L3 B2 k7 U
      calculatePosition();
! U' c4 c* x& C) Y5 h8 d$ x- q      if (document.all) {
6 ]- k+ n4 i* F/ l         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. g" q& X6 U% S         document.all("supertext").style.top = yPos + document.body.scrollTop;9 ?: X7 f* b8 p2 M2 Y
         }
2 \  B5 L+ X7 p  U      else if (document.layers) {
8 i$ @& [% }" S         document.layers["supertext"].left = xPos + pageXOffset;0 X6 y+ \; i: z, m2 [6 \; g
         document.layers["supertext"].top = yPos + pageYOffset;$ e) i  S. ^% H. P. d; b9 g0 A
         }
. ^1 _* D! V# G      animatetext=setTimeout('moveBall()',20);( t/ m, `& V* @+ y( @
      }
3 N0 a# |$ a  o& s% i& `& ^, ?. |% B   }
  T3 P+ O: D2 `0 _; }
7 M. P9 o* a7 b3 Xfunction calculatePosition() {
5 a( ]% w6 v1 F* u+ Y6 _   if (xDir == "right") {$ e  P. \: T- @# }. V% L
      if (xPos > (xMax - contentWidth - BallSpeed)) {* {, t2 `" C6 k% _0 h7 t' w9 G
         xDir = "left";0 a; T/ [( S& I; \6 [& ~
         }
0 ^4 g' {. O; X$ K- ~      }
4 `$ ^  i+ }, m, _   else if (xDir == "left") {1 @  }0 |; m* B+ l1 ^: a$ ]8 A
      if (xPos < (0 + BallSpeed)) {7 b3 c( b& O) E0 ~7 `: ]" o
         xDir = "right";
/ s  H+ G$ M1 D4 w( H7 |) Z         }
1 M; U7 c  g& g1 y# S      }3 F; U# e. O, d2 c" v
   if (yDir == "down") {+ \) |" B8 }6 v. s! S! K, H
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 b( g$ F9 y2 a' S! A" m+ m: J         yDir = "up";
3 U  q3 ]% v& N/ h         }
1 `2 j. P' |. m: M) z: B4 a      }
4 V0 H; F3 J8 `   else if (yDir == "up") {
- J: F; A% P; `6 W4 i9 [$ u      if (yPos < (0 + BallSpeed)) {
1 J3 Y# V1 M, p& U) `' D         yDir = "down";- \. H0 s  k/ f% {+ M& Y
         }( }5 x% K2 n) g5 C0 q3 {0 F
      }1 S3 ~7 S  P& j" n
   if (xDir == "right") {
! D0 F4 a# E& h& _      xPos = xPos + BallSpeed;* S! f0 o  G7 B: C, L2 Z" W, K
      }' I( ]4 K8 J5 k( [  O
   else if (xDir == "left") {+ k$ ~' ]) M; k4 V
      xPos = xPos - BallSpeed;
4 s2 r0 s1 u! J3 p+ B& I3 Z      }
3 h0 W' J- X# d! e$ T0 t9 m8 [   else {
" p+ v% K6 ?" G3 K0 h0 Q; ~9 m      xPos = xPos;( ]2 I1 ]. H7 ~
      }6 Y: [  l" i# F9 n& h4 R" \
   if (yDir == "down") {* r: y( Y" Q. B
      yPos = yPos + BallSpeed;3 p3 @' o& d8 X7 H0 B, {& h' i
      }! R2 n+ D: W! u- x; b/ X9 b2 }: P/ J
   else if (yDir == "up") {) I% K5 C* c& ?* W' q
      yPos = yPos - BallSpeed;
  ~1 _" U* O4 y3 B5 Y7 I6 A. ]' ^( o      }5 g+ {" ]5 C4 |8 c1 c: I
   else {6 g4 W* A  ^3 O6 |8 F& X- M" X0 M9 ]
      yPos = yPos;7 P' O( N5 A+ e/ J' }& F& {
      }% E" G& ^' g8 O4 X( C
   }2 E$ B8 n! C- E

+ {+ ^. C& k7 Vfunction hidetext(){
' a  ^) D2 j6 O6 oif (document.all)9 {- X+ Z/ I3 w6 i+ L# X* ^
supertext.style.visibility="hidden"/ L3 f4 j' N. r  J
else if (document.layers)
' L* \% m! ^; b0 Gdocument.supertext.visibility="hide"
4 `- d7 W( t+ eclearTimeout(animatetext)
# p. m5 m  m+ u8 i8 _}" E4 x4 ?1 m9 h# ?$ r8 c  V7 o  L2 e
% t8 i9 J* J6 i& [* Q: L" ?
if (document.all||document.layers){
4 f4 ^+ X/ J0 `" w$ `9 o6 {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 b  u& u- O* V! s: v# c2 w7 I
window.onload = initializeBall;
  M' w7 m$ m9 d; Q: K; ewindow.onresize = new Function("window.location.reload()");0 `: M5 }9 I7 Y5 v
}
: Q1 l* r6 \$ L! x; g4 o. h7 F
( D  p" X9 Q8 K1 y( B, z</script>

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