返回列表 发帖

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

<style type="text/css">
; t7 l% |% k0 ~$ E2 ^" Q; E- Q: r#supertext {
0 I2 v! A  @8 Q4 R: h: F1 ^position:absolute;
% u' v. j' |3 k& lleft:0;# t. U3 W0 Y: S! k  N- w
top:0;
5 P9 G; g: w; E% ~* G5 \visibility:hide;6 p* i: m/ T1 D0 p. ]
visibility:hidden;
- {6 ^" B( s4 p) G" C8 K7 G}- m8 o4 @9 F6 O. A1 n' m4 g% C
</style>. q9 `9 S. K. s# `; C6 J7 [
<script language="JavaScript1.2">
/ F% j" {) y, `7 b2 j3 q# C% d7 d6 F<!-- 改变下的字体的大小。颜色-->
" N2 g) i' t5 V$ g- F3 J5 @- q  R$ \var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 ^' }/ q& e6 K: i1 ?2 b  u. Cvar hidetimer='';
& h; ^; m- I/ Y; ~% C<!-- 改变下的弹跳速度-->
9 X2 z. X; B" d7 n3 |% Cvar BallSpeed = 20;& ~& w/ ~# X$ l5 `% w& I* {
var contentWidth;
/ A) @& ~8 [+ ?  ^# U6 b( w4 U" v/ uvar contentHeight;
4 X5 C: J# ^* ^4 F1 a. F2 Q' Lvar maxBallSpeed = 50;
# Y$ A: h, U& ]7 h/ Y: a
3 \) a! Y" n0 P5 ^$ @! |
* e4 m1 w- x3 W6 n& bvar xMax;; s( L* V8 Q; ?$ U
var yMax;2 m/ B! |' n1 C% G+ |! d
var xPos = 0;1 f  [( ]( D% K: F# b! ^
var yPos = 0;. r. `# q# r; z. s1 i$ B
var xDir = 'right';- P% e1 x' Y0 W& e9 g% C$ j: [
var yDir = 'down';
& n$ h, ~  h  o9 n9 [var superballRunning = true;8 `" i# G) J# _; j5 @  {' ]8 v9 m
var tempBallSpeed;1 X% K! s5 X" N! ~3 D5 A* F
var currentBallSrc;
( w9 M6 [- T) H; R# r2 x' n: `9 Bvar newXDir;
* Q: C7 H9 ~' e3 l4 Cvar newYDir;
  [$ t9 ?% b; B5 E# ?
* i" B) h! m) l3 I' v( zfunction initializeBall() {- a6 O) a* X- u7 g5 M$ @7 C% Y4 @
   if (document.all) {& s) |$ p; u) E+ b6 n
      xMax = document.body.clientWidth
+ w% G% t$ P2 D      yMax = document.body.clientHeight
8 t, a4 }: J: U, T      document.all("supertext").style.visibility = "visible";
, Z4 ^; l. I, U3 K- t      contentWidth=supertext.offsetWidth6 b# q4 `# H7 f7 X0 m
      contentHeight=supertext.offsetHeight% x! Y  l1 e! d( b' S" g6 R. s
      }& g' A. D7 E- B0 L* P0 w8 }* O( N
   else if (document.layers) {
6 A1 d3 Y# u1 h, o5 ~1 t      xMax = window.innerWidth;0 {5 E9 \+ s1 q' g' I
      yMax = window.innerHeight;
/ Y' L# j: r+ @4 C# s      contentWidth=document.supertext.document.width
- y9 U4 w2 P& i      contentHeight=document.supertext.document.height4 l0 f0 G; D0 O2 Z  Y3 w
      document.layers["supertext"].visibility = "show";
' F. F6 h+ m$ G# J: k) v      }
; [+ I$ o8 o$ ]% T6 [! M% t   setTimeout('moveBall()',400);
# w7 C9 ^9 D: P   if (hidetimer!='')
9 `/ v: q  Z/ W( {$ n$ Q1 M   setTimeout("hidetext()",hidetimer)4 {, p. E/ Q4 _6 M
   }6 @- b5 g( C" C
1 \8 S9 `' b/ ?0 z
function moveBall() {% s+ d: u7 D: ^' V4 Y5 u
   if (superballRunning == true) {# ]' v! H% p2 ^) g. s" I  i1 U
      calculatePosition();0 l) K9 e; F! Q' u- W
      if (document.all) {
2 U3 C3 \7 P' s: ?( e' Q" z* N         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3 q0 s2 s: P4 d2 l         document.all("supertext").style.top = yPos + document.body.scrollTop;
$ G* U9 u' K/ q1 w8 [1 }         }
6 S6 h( b- n4 z3 _      else if (document.layers) {
7 ~8 y% U; b$ W7 c" r) ^+ W         document.layers["supertext"].left = xPos + pageXOffset;, w( g# m! Z0 N& Q- z
         document.layers["supertext"].top = yPos + pageYOffset;
3 k3 j* f  O1 ~+ ]6 S3 K         }! r% X$ D+ S: H& t! ^
      animatetext=setTimeout('moveBall()',20);
. H, s/ I, S( J' K6 a8 k7 t      }
& N8 j9 b5 P/ x6 i% {. J1 e) z   }
6 h; B! ^: ]. @' n/ j' c2 Y  R; h6 P0 A' F
function calculatePosition() {1 B2 l2 t4 L6 ]7 b+ H( D
   if (xDir == "right") {$ s' C8 p6 z: K: ]+ y
      if (xPos > (xMax - contentWidth - BallSpeed)) {1 y$ k0 c+ t; r
         xDir = "left";- W9 b( l" ~% d; g0 S% c, w% _3 l$ l
         }/ V# S7 K; a) [7 V  E+ b, Y
      }
- u8 l/ `# t* u& O' i* K   else if (xDir == "left") {
% }- o$ l$ l! }( G) p      if (xPos < (0 + BallSpeed)) {: `' E5 @: G1 m
         xDir = "right";; K/ Y8 {- X  H/ @! e: g
         }' [, ]% ~  ^; x5 g- N; r; x% B
      }
: c4 A/ s) q1 c$ [! z/ A! z1 \   if (yDir == "down") {
* q3 o; R5 p, U( i8 X" g8 t  [      if (yPos > (yMax - contentHeight - BallSpeed)) {
( B$ k! P3 X) v7 h4 |         yDir = "up";# m& ^( D& \5 M: Q0 p0 X
         }
3 T4 V+ b1 `7 Y* |+ V) P; ^3 K$ h      }; W, _* w! |, B! h" Z8 i
   else if (yDir == "up") {7 H' H+ r, o  i) p! l
      if (yPos < (0 + BallSpeed)) {
! L1 H/ X! P  e         yDir = "down";
" Y/ H0 M+ X2 @/ ]  n/ Y2 G         }
# z& H- v* w. c# r0 ^2 ^      }3 A. U- p) V- A2 W. L* N* w
   if (xDir == "right") {
* Q+ t# F9 E4 N+ O/ Z. i% C: G      xPos = xPos + BallSpeed;
3 `. Y  h# x) l) C# I      }8 L0 {- I4 w. N
   else if (xDir == "left") {. v3 ^' `8 [& A0 {$ E
      xPos = xPos - BallSpeed;8 c1 d8 h+ `+ F! T
      }
8 Q7 p/ E  C( j5 B$ t/ X/ r# G   else {
" B! E* p/ ^: U- m      xPos = xPos;
5 a4 q- _$ Y# Y* x  Z( N      }9 E, B* `% w# ?' V
   if (yDir == "down") {
( k  o4 O4 k6 t) S; a1 p      yPos = yPos + BallSpeed;
2 m# n/ X+ |  |+ F$ ?2 y- Z      }+ J5 a2 f2 q$ Y/ l) m7 `
   else if (yDir == "up") {* v9 g7 `  o. Z, |1 \2 ~7 P! T: I
      yPos = yPos - BallSpeed;" K! Z" A! n9 _0 k+ l# `
      }
0 G2 @/ V0 `4 Q$ B; B* z   else {' K& x& U4 E# J: p
      yPos = yPos;, H* {! S3 c  I1 U8 P
      }
$ B5 Q) E/ Y; O   }
# Z4 w1 U" x% D7 V6 E) H) ~1 Q; l5 `4 N# H, p% h; r4 n3 y$ A
function hidetext(){
! u8 Q4 N: j3 T8 P; X/ d. hif (document.all)
5 g. ]% l; q: d- |) Ysupertext.style.visibility="hidden". ]1 j' g5 F9 a
else if (document.layers)- m! T' j+ R( e2 @! }
document.supertext.visibility="hide"
1 G" C3 t6 c, J3 ^clearTimeout(animatetext)- E) g1 Z7 y+ Z: e: x0 u: X6 o
}
4 [' x' ^# W+ P" I9 l! V" @
6 O. a( y* S4 R( ~. uif (document.all||document.layers){) I( @% k' t. x) d% _
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')  T! u7 b6 N( C5 p5 K
window.onload = initializeBall;: U1 N1 a$ x% a. c6 P* W. K3 m
window.onresize = new Function("window.location.reload()");
" B& V" P  @9 {% _}. @! J5 [; w& f' t  x) k/ v

! ^+ q% Y. E8 b4 p6 X</script>

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