返回列表 发帖

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

<style type="text/css">
+ I" S  j7 W/ c$ R#supertext {8 a2 ?; Y4 j1 `7 D
position:absolute;. ^. y+ j4 a! q6 h" i& c
left:0;
% W. G+ }4 D" [) ltop:0;: N; q& T5 j: [, Z8 d
visibility:hide;7 I$ E) J( d* X3 g
visibility:hidden;) E; D3 D6 L1 a# k9 A; r
}
  T: d$ c" R. M; l$ N' G- S7 Y</style>( V: S" s3 N+ I! v% H
<script language="JavaScript1.2">
) c& w. n; l7 n. M$ G4 c<!-- 改变下的字体的大小。颜色-->: m! A& W) s4 Z0 d) ?7 ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 f) i. I; Z6 h
var hidetimer='';$ c; G& k* r& }3 n" Q( W
<!-- 改变下的弹跳速度-->
  r, y  }9 j7 o) Y& C% _var BallSpeed = 20;
2 P. S, d# E  e% Pvar contentWidth;- J' b" i( ]% N$ V; ]" ?- C
var contentHeight;+ C4 W3 p% E' I$ _# e- O
var maxBallSpeed = 50;7 ~/ F5 t3 B0 K. G, C

$ a/ ^8 T8 p. R5 e$ c8 F; r
! ?$ V; D& T6 y1 b! ^4 O# ]var xMax;
6 q  B0 j( J% r. r! cvar yMax;
3 p1 @0 b7 K$ g3 c+ }9 Jvar xPos = 0;
: g) U- Q' {" \var yPos = 0;
7 J/ X/ S1 v# I: p; mvar xDir = 'right';
' H- v) f& k8 @4 Z7 [, ?var yDir = 'down';
! I8 I! v; \1 Q( }. A; \var superballRunning = true;
1 ~+ }7 Z$ N/ c" _: p/ _$ J) X8 p3 yvar tempBallSpeed;
& S; D2 g. @( x+ avar currentBallSrc;' S$ F2 p+ b1 p" ^
var newXDir;& v4 I' H* Z9 M9 `. u  {
var newYDir;
$ w# T. N( a) L9 H) [
, l* @4 f1 I+ N8 ~  N7 Q1 x. d$ c( {function initializeBall() {
- Y  W0 |: J8 h! x& L   if (document.all) {
8 i2 j8 e* j/ [+ e9 h# E( r      xMax = document.body.clientWidth, k/ _1 l3 [. e1 f
      yMax = document.body.clientHeight
. n2 \- n  j4 [& u$ ~0 s  N! A$ h8 r9 p      document.all("supertext").style.visibility = "visible";* f7 v5 i$ A/ O7 A% C2 q: }* m3 ~
      contentWidth=supertext.offsetWidth
: c& a3 r/ K5 j      contentHeight=supertext.offsetHeight
5 n- P: }: W' f+ Q" ~* e, s5 y* f      }
) Z! V7 o1 |$ ~   else if (document.layers) {
& _8 r% u- Y, B+ e/ D+ `      xMax = window.innerWidth;
' @5 {% f8 ]2 {% d( L4 N( ?      yMax = window.innerHeight;
7 T) a' i! q3 d" u- x      contentWidth=document.supertext.document.width
; ^/ s- _! w2 A, }# V' I- p' i      contentHeight=document.supertext.document.height6 d  j8 a, Q$ N/ i6 Y# c  |
      document.layers["supertext"].visibility = "show";+ [' o7 d$ a9 O  j
      }
: A3 ?. C5 Y) _/ h: |! @" r4 O   setTimeout('moveBall()',400);
8 X% |6 z  o/ d: w+ F   if (hidetimer!='')2 @% D9 d0 w, [" @
   setTimeout("hidetext()",hidetimer)  B: I) C/ P  J  `- H& u
   }
! d0 r7 c  g: ^, |; W# T5 b# N
! B! D, e& V, b3 c5 Vfunction moveBall() {
; U/ ^  V& Y: [- h' J8 h   if (superballRunning == true) {
  r8 i1 f/ n. {$ J; n6 Q      calculatePosition();' v) f% s2 Y6 K" X7 e2 Z4 H% F
      if (document.all) {# `/ r; U* _! i4 k
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
- Y" J5 ~8 u: M! l         document.all("supertext").style.top = yPos + document.body.scrollTop;
8 {, P2 D1 b0 A. P7 \8 c         }, s7 c) j6 _& ?/ H& Q' Y
      else if (document.layers) {8 U, v( \" |. W
         document.layers["supertext"].left = xPos + pageXOffset;9 M& D" y% z4 u4 G
         document.layers["supertext"].top = yPos + pageYOffset;1 ?/ s$ n% D/ Q5 n& y  F( f! T4 |
         }
( {2 L2 F: l8 h7 m) P      animatetext=setTimeout('moveBall()',20);" U8 ^: _. q6 m( S" a% V  E
      }
. S4 Y0 n; y( J   }, N6 O- q3 e" _7 H) t  p" b, ]

" L0 _! w/ K% p' v# D" E: Vfunction calculatePosition() {3 ~* N, }8 Y0 N, B. m% b0 z
   if (xDir == "right") {
& U: x5 V5 i- }5 p7 U      if (xPos > (xMax - contentWidth - BallSpeed)) {9 N' O$ _  o5 j
         xDir = "left";9 `3 w' r2 V3 i; D
         }# H3 y' Z' |7 O$ g$ s# f; s( I5 q, j
      }8 _* s- b7 g) c' C8 G- V% A
   else if (xDir == "left") {
4 l: V' e; F( r  ^" Y  k7 D      if (xPos < (0 + BallSpeed)) {
' W2 R. u3 U6 B/ \         xDir = "right";4 z- ?9 g. d; s" q+ }/ s" C
         }
% k9 x& Y4 X9 U7 `      }4 |4 g8 Z! f) D- x0 M* j9 P2 e
   if (yDir == "down") {
& j9 l2 z. H6 q& p% L/ D. p3 `      if (yPos > (yMax - contentHeight - BallSpeed)) {' S3 ?9 K# F5 `" w4 ?% o0 [0 G; ^
         yDir = "up";3 P" i# o  r! c! U% l8 K" O0 e  \5 \
         }
3 o( o  P! \% g, ^4 Y( @5 Y      }
# k! H, b% B& p' A8 |, ?   else if (yDir == "up") {* T7 _" Q! r4 Z6 T. L& Y) ^
      if (yPos < (0 + BallSpeed)) {
/ t4 C6 L$ e% o' L. D; _; f# J2 K& y& E         yDir = "down";' z7 w6 ]" S5 j8 _$ B) K# f8 z3 V% X
         }
1 K$ j. @+ j" j5 \      }3 D) F+ r: ^$ P
   if (xDir == "right") {0 n2 g( W" }! b9 }
      xPos = xPos + BallSpeed;
- y  w% f$ f$ {& u1 h5 C5 M+ u* w' h      }
  ~: t( ~  H0 _. n   else if (xDir == "left") {
/ \- j: ?9 p1 f5 b      xPos = xPos - BallSpeed;3 W- }. N( y" H5 n
      }
0 a! d9 V6 ~" Y/ s7 v0 s8 x   else {6 V7 ]2 T, b: p& K0 S/ D) u
      xPos = xPos;
. K$ u' k. _$ W9 {# N0 d3 i0 v3 {      }, `4 x! X1 u2 E' n  w
   if (yDir == "down") {
& f% Y( D2 g" n5 Q      yPos = yPos + BallSpeed;9 |# J# p. d% x3 ^$ g
      }% E: d! c! t" l9 n" w
   else if (yDir == "up") {4 U) ?! t: Q) t' |& A% t8 K
      yPos = yPos - BallSpeed;* h( r; p/ O0 ^- q" z, C
      }! V. g8 |  _% z, D$ Z. {
   else {
8 L! X) M6 g4 {; F      yPos = yPos;, _) U$ g; S' r; u( k
      }
+ a& g! A* S3 A  t+ f* L2 [" E! U   }
! u! |. w' ]/ D4 g$ O2 w0 N
, C2 w- T* B4 O& P  K0 Gfunction hidetext(){8 S" h. ^5 U* Q# P, a9 m
if (document.all)
# {- u+ T  R6 k" O4 {7 msupertext.style.visibility="hidden"
7 b8 v; u/ V' o7 ]% n$ `7 Xelse if (document.layers)
7 D) z- B; e  E0 sdocument.supertext.visibility="hide"
8 ]! @$ }1 c+ L& J$ B, b3 s) i$ g/ g* vclearTimeout(animatetext)
& I! B0 c# }# \+ {/ }1 q}% C' a0 O# t4 H7 a0 S/ _9 v4 J
( D6 S7 e$ d% V  @) i; S/ I( ?
if (document.all||document.layers){7 W4 q. u8 R% O9 ~& ~$ T# t  E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
: y( N1 q* f$ h; ]" _' J4 awindow.onload = initializeBall;' Y5 {  B6 T0 z6 O1 `: ]. ^
window.onresize = new Function("window.location.reload()");1 N1 Y9 j3 S0 I+ h
}& i3 `6 @! u* V$ W7 \* R6 V
; N+ v6 q5 Z8 j' r+ c
</script>

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