返回列表 发帖

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

<style type="text/css">% b: j  j: J  d" D
#supertext {
4 i9 a0 B) U2 c& s" [$ Xposition:absolute;7 ?- k+ `  r8 b( `
left:0;' l9 w2 ~2 b! F4 Q  p
top:0;3 S  [* c: l5 u' e7 o) a. Q
visibility:hide;  |& ]1 f8 F( I! {6 w
visibility:hidden;+ o! Z9 b$ Q% ~
}
; S- x0 \1 F7 `8 N( X- N! v; S6 z9 W</style>
0 y6 ]& y5 ]+ d, R8 o<script language="JavaScript1.2">
# d' R: e' \9 ^9 S<!-- 改变下的字体的大小。颜色-->5 k* K* y) `3 q5 [
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
0 W" w8 j/ Y$ U+ q% pvar hidetimer='';
3 K( E2 Z$ Y. c! S<!-- 改变下的弹跳速度-->
: b7 n  H/ t  y. Z) }1 k, Bvar BallSpeed = 20;
3 b. g! p& \+ o) `' N. [var contentWidth;
; C; h5 h' G, @: r0 A* P- }% Cvar contentHeight;
7 G3 y, M3 b, y0 cvar maxBallSpeed = 50;' J1 |7 }# H3 k$ ?

8 E- w! b2 [6 l1 a2 `; _' \3 W2 S/ K( ]4 v! q
var xMax;
) {9 K2 |! ^, c$ mvar yMax;
0 ^( J# [5 k& n" A6 G/ r/ ~; Nvar xPos = 0;
6 u3 j3 @8 g  H5 @) Uvar yPos = 0;
( \* O, o: k/ o; `/ s6 Mvar xDir = 'right';
9 |3 T7 [% j! B. Xvar yDir = 'down';4 M4 s: e0 R% H7 _! x" C
var superballRunning = true;
& }5 }9 g( @* \1 Avar tempBallSpeed;( q% y7 j  b- |, @' @! ?$ e8 J
var currentBallSrc;! G! [$ }9 o1 A5 q0 ?9 ]' Y  w
var newXDir;. o) S& \& L4 e
var newYDir;% k6 s" z9 S1 B
* E1 |: d  x1 e& c. ~# W
function initializeBall() {
: H* Y  t1 {, N   if (document.all) {
. i, S+ I: z: G+ o  f      xMax = document.body.clientWidth
! F  y5 }2 R1 T& P; E8 j      yMax = document.body.clientHeight
4 X# M9 Y0 e. ]0 ~: U! A% x- F' S# N      document.all("supertext").style.visibility = "visible";4 A: f( T! c. D& ?% }
      contentWidth=supertext.offsetWidth4 c7 G0 g" _$ m
      contentHeight=supertext.offsetHeight( t) l+ T+ S$ }6 d) U3 Y, g
      }
' K; |' M( {2 o  n/ U; S; u" U   else if (document.layers) {8 Q9 g: l% b( u5 h
      xMax = window.innerWidth;( Q7 b% K( ?7 U: O6 o# K( J
      yMax = window.innerHeight;% X: Y/ a3 w) ~9 V! v$ t8 J
      contentWidth=document.supertext.document.width5 i5 c7 @, y$ g& k
      contentHeight=document.supertext.document.height5 }9 U( x5 }7 i3 {
      document.layers["supertext"].visibility = "show";8 X+ k- Q) M" j
      }) ]( n/ c5 F, T! {
   setTimeout('moveBall()',400);2 D5 W# R! j  S' H4 Q
   if (hidetimer!='')4 z5 \$ Y' ]/ G9 x/ R/ c& V! N
   setTimeout("hidetext()",hidetimer); c0 G+ _' P4 d' g! x! I
   }+ [# S$ ~/ T( z! {
  r- Q' ~) V' ^4 [6 k: i
function moveBall() {
% L% B& s& Q3 {) s5 d( {, x, h3 y2 W: k   if (superballRunning == true) {/ t3 _$ \* [- Q$ Z
      calculatePosition();
" D  z8 K2 p8 G, u& W& A; o1 U8 b( J      if (document.all) {
9 `& z0 x) x) Y         document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ t# G" h# v- o; f. b. ~: u         document.all("supertext").style.top = yPos + document.body.scrollTop;
% s- b& X+ q5 ~. ]4 O9 x4 [( C         }
5 [# E% t' s5 ]* M: H* l: [      else if (document.layers) {
9 A, U1 [* J! w7 h, ~$ d, y         document.layers["supertext"].left = xPos + pageXOffset;# V2 r: ?6 F5 V7 N$ s5 b5 O
         document.layers["supertext"].top = yPos + pageYOffset;
+ I: Y! T1 d# f& n         }
+ i; `. \: N- E/ U' ]+ [      animatetext=setTimeout('moveBall()',20);
, Q1 u& B0 C* G1 z4 Z      }5 x) ^. E* w& L1 W& y* L
   }4 F$ H: y8 c5 `2 F& v: w

' `5 J! P- ^5 e8 vfunction calculatePosition() {
* U* u4 F. W$ s& C+ ]   if (xDir == "right") {/ v1 |7 i! j4 P* `8 g
      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 I0 ~: u- r3 l& X: U; q         xDir = "left";0 P& h! x8 G! Q! H. n4 h' B
         }
9 y; a0 L! g  H1 W      }4 O7 l. ^, s* H) z6 y# a6 q
   else if (xDir == "left") {
( F" v8 A) d% y9 H7 g" ^      if (xPos < (0 + BallSpeed)) {
$ a. \4 j$ t) t" ]& K( l         xDir = "right";0 |- w! Q; r8 d  g2 W' M. T
         }
. _6 z& H8 y( U; S1 L/ `      }
0 t6 R/ h& q: Q. M% \5 J9 Y0 k   if (yDir == "down") {6 {1 s+ }+ ^; }7 K5 ^
      if (yPos > (yMax - contentHeight - BallSpeed)) {
' i! P1 {! s  g& Y; @: ^1 B         yDir = "up";7 }& o; F. t1 P# T0 N
         }  F; }* n# _( s) L0 ]
      }
( S) d0 ^3 l/ j: e   else if (yDir == "up") {7 @& _1 c0 v. I; q$ g
      if (yPos < (0 + BallSpeed)) {2 n1 g$ h, l& g, E5 {
         yDir = "down";
" x" H6 a5 w$ D% X# w+ _# v         }- T. H' j4 C0 y
      }
% A( G, U* e, `' q. n0 g# n   if (xDir == "right") {. P6 M' @) i+ T  ^$ {
      xPos = xPos + BallSpeed;+ v) L4 C6 V9 b: I! T9 n
      }( I" \5 Y  t5 J4 V  Q
   else if (xDir == "left") {# `2 W7 D# T) O7 a
      xPos = xPos - BallSpeed;
, d, {# `: G3 o7 f( g      }
9 f: L6 v: P: u# L+ n* g$ C   else {1 g# _! X" T- r; d) Y- i8 g
      xPos = xPos;
5 N  p# _) Q- d3 u/ B. k9 e      }
' b7 U, b; }2 u   if (yDir == "down") {
- m6 J: R  N& ?) O4 g% h# M      yPos = yPos + BallSpeed;
9 c5 k# y, S3 }1 i: j: L      }; F" Q1 ~8 O) X- f$ t( }* u( \# J
   else if (yDir == "up") {
" ^& |, c! J7 `9 _  z5 W. E- D      yPos = yPos - BallSpeed;0 @7 `$ H% ]2 d0 v8 Q
      }
1 E9 [  w% E" f3 j/ A4 ~   else {
9 V3 u; c+ O" w! l1 r/ n      yPos = yPos;
$ W  ]5 b0 e2 F5 d5 m# g  ^      }8 [+ v$ z. y9 u3 l- e
   }. c1 _2 @$ i2 b6 k) `
% b2 i" L! v4 g
function hidetext(){
( Q6 I) w9 W' T+ z0 jif (document.all)
; Q$ D# u; W, D" b1 Ksupertext.style.visibility="hidden"1 L. h( i7 J1 _" ?2 v7 z, A4 n" ]* g& W
else if (document.layers)
6 G" g5 }+ Z. T, F6 Zdocument.supertext.visibility="hide"
3 g: g1 J1 o  K+ ^clearTimeout(animatetext). K& h" f; M9 ^+ Q! R3 \
}
) j* O  O+ q. l' |; \7 G
1 m; I! i/ ]( p2 A; }# N% V3 K2 i$ }if (document.all||document.layers){
7 q  [; l% a( ]& L; L9 F+ xdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
" @3 {6 H' c! S0 B5 W5 awindow.onload = initializeBall;# s: F0 k! |+ `3 V
window.onresize = new Function("window.location.reload()");
7 h' R. w; \0 s# }; B( `! \* F7 B}* a6 Q! c9 k0 d% S. b
% g, j7 K5 x, L! x
</script>

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