返回列表 发帖

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

<style type="text/css">
& S2 M7 a4 |/ @2 C: [( s4 c* x2 ?#supertext {( v5 F& a7 w2 ^) X7 n6 [+ d/ S
position:absolute;
" u1 c3 p7 b9 `left:0;
) ~5 Y1 s% n* J# |7 [top:0;
  K5 E/ p" j9 c$ Wvisibility:hide;
$ B3 ?: y1 a) g& wvisibility:hidden;. N0 Y$ R( A- E) Q
}
( m: Y& E) ]+ g$ \- o- X7 ^</style>: w9 o, l* d5 _, S  c
<script language="JavaScript1.2">
- M& j1 T1 y+ O<!-- 改变下的字体的大小。颜色-->
) r% t5 V. g3 w8 m  X' X: Lvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'% l3 ^' ~7 @5 d/ T" ?, e
var hidetimer='';0 E# s1 T; U: ~$ A: G" E0 |
<!-- 改变下的弹跳速度-->' n; z9 D% ?- P1 x7 D% W" H
var BallSpeed = 20;* x1 R. B9 z8 y
var contentWidth;
" ]8 M/ B2 c$ Evar contentHeight;+ f7 j  e* }! N: d
var maxBallSpeed = 50;5 {4 r8 L0 L" L8 ?: ~
4 y" v0 F! s% t
9 @, {- P/ o2 Z& A' \
var xMax;6 c# M9 C2 X4 @$ G. M  q  S
var yMax;6 z0 q5 ~: j. R7 M  N( T% Q
var xPos = 0;7 ~$ N0 w8 v  ^( `. C4 T( u% L
var yPos = 0;
2 r( @, A3 M8 hvar xDir = 'right';
4 x, C2 N7 [3 ~% E0 i  cvar yDir = 'down';
4 q* A/ i% I. n! S+ S( ?; i% f" }var superballRunning = true;
( K+ t# T6 o! p, L! {" Zvar tempBallSpeed;
8 S6 h; s. `. kvar currentBallSrc;7 M9 ~" [# F. A* h2 u5 ]4 h) L
var newXDir;) K. Q# s# S& ]( r- l. u4 E+ W
var newYDir;
1 `1 g! s! f1 R; g3 D6 \9 d( f: o7 v  N/ ?+ o
function initializeBall() {
7 x3 X5 H* V! z! `! A8 A5 F   if (document.all) {
8 d, R, `: ]3 K( s( J5 o      xMax = document.body.clientWidth
2 o* W  q. k' n1 J4 N# ]. v7 J      yMax = document.body.clientHeight* h% ~$ D4 e4 l+ m3 x; v
      document.all("supertext").style.visibility = "visible";
9 k) ?# p0 {0 d1 F4 Y* s5 A      contentWidth=supertext.offsetWidth  ~! F( R& j# P$ H- _2 L; B" o
      contentHeight=supertext.offsetHeight' q" b) Q8 x: v# g- P3 r4 l' @
      }9 L! O2 ~6 f( `) n
   else if (document.layers) {
  Z1 ]1 ]! F1 M( M  A' K2 b      xMax = window.innerWidth;! V9 B2 o5 q' d9 Q7 ~
      yMax = window.innerHeight;
* ^# D' e! k; c& z2 s0 e      contentWidth=document.supertext.document.width
% t2 f5 ^% v4 ^, m2 }9 i      contentHeight=document.supertext.document.height/ g% ~0 O+ A; j3 d
      document.layers["supertext"].visibility = "show";2 p( f4 G; V) [+ ]& h8 a
      }
6 y  y$ q# x! o9 b5 m8 ]) t* @   setTimeout('moveBall()',400);3 o; o, d. i) V, l4 L+ a
   if (hidetimer!='')7 y: F/ q7 ^5 A: ^  \3 {
   setTimeout("hidetext()",hidetimer)
6 A5 D$ ]8 z& K2 i   }8 j5 E2 ?) G* y7 W; N5 m* q
) o1 `! {; |! T* F) e- x
function moveBall() {5 Q3 M& c4 d. v; D
   if (superballRunning == true) {& x" v! C# Q" ~' O% O8 g9 K1 ?
      calculatePosition();" J8 Q9 p# v7 J5 r0 U
      if (document.all) {/ d5 Q  k: `2 `  G& v- F7 d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
  m" h/ e1 Q+ b/ o; |% G         document.all("supertext").style.top = yPos + document.body.scrollTop;7 k& u& e7 W1 W( H- R& u) r
         }
# F8 F( ?3 C% [/ y0 _6 x      else if (document.layers) {( y# g! z8 [4 i! ^' v
         document.layers["supertext"].left = xPos + pageXOffset;5 t' t& e7 B& J& J
         document.layers["supertext"].top = yPos + pageYOffset;" @! |/ k" f0 \- l! l
         }
( V' k$ O9 N( w. H      animatetext=setTimeout('moveBall()',20);: D. M) u# ]1 k3 ?4 Y
      }
, d! _/ P$ `! y9 O/ U   }
: ~8 V2 k; [# X
; y- y6 i) S/ }% z) a+ Zfunction calculatePosition() {9 G% I- c# j! s4 N/ ?9 g8 z
   if (xDir == "right") {" E0 ]/ F  `0 }3 [9 \
      if (xPos > (xMax - contentWidth - BallSpeed)) {2 n) B* f& n! J$ O
         xDir = "left";
  ~: o" h# w9 z6 d- c+ I1 W         }  ?; w% T6 L% m4 Q% r9 E
      }
2 @6 E2 p$ @" y' V4 J3 P5 P   else if (xDir == "left") {: I- x3 L/ J8 h8 M7 l
      if (xPos < (0 + BallSpeed)) {) q) E' a* X- K  `& p1 ?: u8 V
         xDir = "right";3 y" g6 \0 a: J4 E' Q2 B
         }3 E, x5 F8 S; e! i6 U- ~8 \
      }- A- P+ k! e5 j
   if (yDir == "down") {
" p4 @/ W/ |; m6 x9 s. y' y      if (yPos > (yMax - contentHeight - BallSpeed)) {
+ C$ S) X" Y$ N' l% G4 [' W         yDir = "up";
3 A, K% Q. Q$ u         }$ G2 t, T( A% N, w" G/ ^* D! f
      }" I! B0 Z6 m/ u' ^- z+ }
   else if (yDir == "up") {8 G* m$ [& O! }( v) P
      if (yPos < (0 + BallSpeed)) {
4 K- y1 V8 g7 ?, _( k- A- v, Z         yDir = "down";
* g9 D2 }- X4 J" i         }+ |! l  N! z7 `, c% j! M
      }7 K, r! W& F- ~  P
   if (xDir == "right") {
& c0 Q" K0 {4 x+ t1 ^( B      xPos = xPos + BallSpeed;3 O5 v6 }. S7 _( R) @" h& ]  @
      }
: C# q, B3 e4 l, e2 |   else if (xDir == "left") {" k9 {! C0 O9 F" `4 k
      xPos = xPos - BallSpeed;. d! R4 V8 r$ r
      }
8 _. C+ Z8 ]2 }. J, m8 l9 F   else {
: u. @' C2 W; k9 W. ?# j. ]/ ?/ `      xPos = xPos;
, d6 G, ]. D0 x% y- {7 a      }
5 z* f% m- r3 {2 M7 Y. U   if (yDir == "down") {
9 @; m" c# o" q; G$ q" W% e      yPos = yPos + BallSpeed;
7 v  g9 _8 b) M" ?      }9 F& x; ?# y. H( ?* Y& u6 M
   else if (yDir == "up") {7 F  I2 a2 C, r9 r1 [' h) H
      yPos = yPos - BallSpeed;
- W' f/ i0 A3 f% U: m! X( Y- H5 D2 `      }
, M) w8 m+ o5 [" T/ @' t   else {6 A; n" u% d$ _: {) Y! x2 s; r
      yPos = yPos;
, W' k6 v; x4 C6 e      }  o* M( A, j  P- y9 [$ z. }
   }
4 B3 h- W9 J1 g: I( M( r/ ]- K) W% [, D+ U9 S8 _  D' l
function hidetext(){
! y0 J+ N) T5 a, [. t: M: Sif (document.all)0 R: A& O( u0 u7 o- X5 e) o1 v* J, K4 J
supertext.style.visibility="hidden"/ F: _& B* \% G, x- |
else if (document.layers)
1 O7 f8 y4 I5 l+ ^7 Ddocument.supertext.visibility="hide"
% N' V9 E8 J2 T: `/ @# wclearTimeout(animatetext), r+ V, [) n- P. q% a
}
& w  B7 ]( T' `  j0 v& U$ u8 y: u& D) ]+ q* j- U6 @: H
if (document.all||document.layers){" Y3 u/ K! j+ g5 p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& @0 r1 y/ {1 f9 Twindow.onload = initializeBall;( D/ r" b0 k! D
window.onresize = new Function("window.location.reload()");% m$ s* e0 ^, N( `
}9 D/ ^1 s' P2 U7 v8 y
% T- @% @" B, `; X7 W" g8 g
</script>

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