返回列表 发帖

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

<style type="text/css">
- [! i5 W' t) a! U2 H) z( c  Y#supertext {
0 K3 f& r& Z& e3 l  lposition:absolute;% W- p+ h' z; \- B
left:0;
* G+ g* l" y8 q/ L9 F3 ?1 e! p: s; ?top:0;( ~5 w2 A: j6 s. y
visibility:hide;
0 \) M7 N1 J; \+ i  q, ~; c% Nvisibility:hidden;
4 L; x5 L; U, X}
/ f3 c' _. y; u; f2 N</style>
, M. l+ q# F6 G4 M  y<script language="JavaScript1.2">
* _$ @% p& Q) r, D<!-- 改变下的字体的大小。颜色-->
, h$ }3 @  V! m( Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# f6 f# R8 J  V5 P
var hidetimer='';  N( ^, |% k2 i( T' h  [
<!-- 改变下的弹跳速度-->
. N# l( m+ {8 z" x6 b2 D; rvar BallSpeed = 20;" {% O4 S6 Y9 Z9 d& B8 ?& ^1 \
var contentWidth;
& j$ U, a+ J& r1 [" \var contentHeight;+ f/ t; b( ^) T" T* J+ i
var maxBallSpeed = 50;
! d" Z2 ]0 L. _% z/ a" W
$ A9 t0 r/ L" q0 h- t4 |/ m! W1 j: d
8 j& N9 h  B( A! |1 ~  svar xMax;
3 _, o. b2 R& b6 wvar yMax;8 v0 k7 m4 Z9 f. K
var xPos = 0;1 i( N  @) ]8 n& w7 P& s9 {4 K
var yPos = 0;, {& w3 z' ?/ B. a; \& I
var xDir = 'right';
3 k4 j* V4 n# y# Y% Y) ^4 Zvar yDir = 'down';
& }0 d  G  n8 N) r' {8 X# B3 C4 z  dvar superballRunning = true;- t+ V2 ]* c1 i) S; E8 ]% w7 s
var tempBallSpeed;
! Q, |# q8 ^* u# ?! d; [8 Nvar currentBallSrc;
/ x) C6 B. y8 n7 G6 Q. L+ p, {var newXDir;
/ ]9 K; ~/ ~- y( [. \( U  Xvar newYDir;
) C! ~' Z4 r& m6 |, Q: _/ M' c' j4 D* T
function initializeBall() {, C, R6 f; C% t# d7 u0 S1 Q
   if (document.all) {
, ~$ @( h+ L* M! c! L- G8 s      xMax = document.body.clientWidth
6 H1 l) {& A( I9 |" }  `. ?) y1 g      yMax = document.body.clientHeight) Q' @' x- K/ K% L* I
      document.all("supertext").style.visibility = "visible";
- W5 D: P: w  I5 x# B  G      contentWidth=supertext.offsetWidth7 }( J) o- G" j8 s1 X
      contentHeight=supertext.offsetHeight: K  E3 V8 ^1 ^9 U
      }
- k/ K) z- @6 u* f) z; T   else if (document.layers) {# X. n1 u( e0 p* L/ m
      xMax = window.innerWidth;
( p* X+ A" {; ]      yMax = window.innerHeight;1 s3 Z# g. I* |+ n0 A% l' {2 a
      contentWidth=document.supertext.document.width
! Q: N2 B( e; E9 \/ t' X8 k      contentHeight=document.supertext.document.height  a5 r- `( {) {/ Q& R3 q1 H
      document.layers["supertext"].visibility = "show";
$ B9 i5 \, g7 R( D# F      }  M9 _2 o/ R+ H/ p
   setTimeout('moveBall()',400);* K! P3 z: ~0 @
   if (hidetimer!='')/ B+ a  v1 X5 {, Z1 @& J
   setTimeout("hidetext()",hidetimer)! d, y- m/ _/ U
   }
, Z4 V, s9 {* N0 {
- e' A! {8 d) w7 X) ~, J) P% ofunction moveBall() {
4 r  X7 r( Q1 ~- h   if (superballRunning == true) {, o- C- {) m; E8 G( i( m
      calculatePosition();, D& m( _6 r) S- P9 c/ c+ X( |
      if (document.all) {4 U2 f. |3 q3 P0 `% k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;3 b) y4 O0 H6 H7 p& V
         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ L7 D/ o7 _2 E  f0 c1 D3 ]         }
7 a# ~/ m  M$ `, C      else if (document.layers) {
& m1 @& x; Q  V( I0 h         document.layers["supertext"].left = xPos + pageXOffset;" o6 V* o; E+ z
         document.layers["supertext"].top = yPos + pageYOffset;7 _6 C6 ?% v9 b) e
         }4 n. `% N2 h' n, F4 Q- ~
      animatetext=setTimeout('moveBall()',20);
6 x; b+ X) q3 q9 F( G      }
% i. |& E: `  ]9 a   }
, A& ^8 }( t' j6 \& S
* L' [$ [( H2 v6 F  E$ dfunction calculatePosition() {- b( }5 X9 w( E; {6 |. `6 P& Y
   if (xDir == "right") {
/ f6 j, ?/ S% J& a# L! }      if (xPos > (xMax - contentWidth - BallSpeed)) {
  |$ D4 D5 d/ W5 I; V2 q$ V         xDir = "left";1 M1 i. M, q% j
         }0 a% I6 ]# ^& Y4 Z& L
      }4 j3 c  n4 ^  E9 L1 V
   else if (xDir == "left") {- c. G# t( L  `2 S0 v% T  B7 o* K  y1 y
      if (xPos < (0 + BallSpeed)) {
& `9 u4 q  d* v% e4 h2 L/ o# a         xDir = "right";' d2 P" z9 i( V0 X8 R
         }$ R, j$ ?/ s2 z
      }, m! b: Y- \, c3 V2 G; w8 B6 S
   if (yDir == "down") {
8 T% F9 H3 r9 z' U+ T9 i! U0 O) b      if (yPos > (yMax - contentHeight - BallSpeed)) {8 G2 f* c+ l/ K8 I# g+ q7 `
         yDir = "up";
% g" }  F: X3 z1 s! D& k         }$ J7 k8 t( |* N9 }
      }5 ]2 _+ [/ A9 a1 n
   else if (yDir == "up") {
3 v$ A/ J6 }7 I! q. S& t+ E; O& O      if (yPos < (0 + BallSpeed)) {
- X: Q& P; s! f( \         yDir = "down";/ A- [/ k6 r. e+ B
         }
/ d0 c: }9 B# H' T1 C/ [0 t      }& O) e1 S2 b6 \& z
   if (xDir == "right") {  s5 b5 d  J1 N5 \+ A5 v0 ?, c
      xPos = xPos + BallSpeed;
: ~: W, Y, W8 K& ^" M      }
* p  A6 W1 m6 {% N' q# C) o% V) F   else if (xDir == "left") {- q+ R' F( \3 n) |
      xPos = xPos - BallSpeed;  ]; C9 R7 M# S. ~/ z+ F+ Z
      }
" I. P7 z9 V* a( h9 F+ O9 e   else {
+ S0 G1 R7 d+ |. i7 m- i* ^" \      xPos = xPos;
2 }7 O1 V) L7 W9 U; f' }. y5 Z      }
$ O1 E. i7 A9 U  W2 d: s   if (yDir == "down") {- |% T* n  p/ s5 w5 Y/ p
      yPos = yPos + BallSpeed;! ]* w! _# @5 x
      }0 r6 g, n3 |" [* w( @
   else if (yDir == "up") {
8 ^0 O. r8 r2 b% a$ P# l; c7 o( B      yPos = yPos - BallSpeed;$ C% W& m2 K+ p. g, K+ I
      }
# k7 o# ~$ w/ n* S. U; L" p4 `   else {) q9 S0 I/ q7 f: W8 R0 Q
      yPos = yPos;4 `* k+ n% k/ m! G. S( n$ T' e6 a
      }* X7 P/ @2 r. v; n
   }
# M! f5 @" x, n, F. b
' I; ?0 M- X2 i% jfunction hidetext(){, U! I( d1 X0 s' C; r* G4 r; f7 N
if (document.all)8 m; ^1 l% o+ L3 P
supertext.style.visibility="hidden"
. {5 T/ X  ^/ ~else if (document.layers)
1 }; S/ s% v" {" I  |. hdocument.supertext.visibility="hide"9 w" y% Y9 o2 a( g; T( L4 ]
clearTimeout(animatetext)6 K, S  h5 F6 l9 w# U& F, u
}
+ j/ _$ X4 k0 g) u2 r, A. l+ Y5 B' Q, r1 I! V" ?* ]3 G
if (document.all||document.layers){
. N! j0 N0 z" i- Sdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
. b) X: }9 m$ P- m/ c3 o- J. Wwindow.onload = initializeBall;
% u  N9 B: R: K+ k, Lwindow.onresize = new Function("window.location.reload()");7 `1 V0 e' f. E
}2 P" v6 t' @  p" ~

$ z) D* P) W2 H</script>

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