返回列表 发帖

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

<style type="text/css">
- L  P2 |( h# r( p' r9 k#supertext {* S: g% U! H2 D
position:absolute;8 n5 f* v/ \5 X$ z: N9 D! |
left:0;
1 {( o; z9 A& K' s1 i. Htop:0;
. l3 u5 R! a' ovisibility:hide;( D4 l7 C$ Q! }) R  f$ z$ G
visibility:hidden;* U( r2 \: {! S) Z2 b
}+ {2 t5 \& w# K; W2 M7 |( {
</style>* B- ^! R* g1 X2 J! j
<script language="JavaScript1.2">' [" M2 ?4 Z  I# |/ p
<!-- 改变下的字体的大小。颜色-->
* C- @  B  n( ]& L$ x; F7 _var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ k: a6 e+ w3 l9 o* R1 L0 F
var hidetimer='';
' X+ l0 G: ~4 d1 r, Q5 g* h<!-- 改变下的弹跳速度-->$ [; R; Z2 j" f7 T0 ]$ @
var BallSpeed = 20;, Z3 r5 l' Y) t6 w8 e$ [' v
var contentWidth;6 N  Y0 u5 J- O) P  M
var contentHeight;
$ K' @7 q3 x* d( {: Ivar maxBallSpeed = 50;
# O, L) Z, R1 I/ u
8 N5 W1 l$ M* x# |0 @- k* w
, d9 U; `7 U, I& o' Fvar xMax;
* p) ~: ~- F, i1 F( Pvar yMax;; u7 p! {- W6 Y5 r- s& m+ A* s% g
var xPos = 0;( [4 y9 i( ]0 \  }6 A  C! T9 y. Z
var yPos = 0;
3 M2 b/ j  ~1 q  j/ A& d3 B# ~! kvar xDir = 'right';: D$ I2 |- u8 {6 k. N6 s' ^" G; }+ R
var yDir = 'down';
9 w3 A/ i& {+ j: D3 }var superballRunning = true;
9 f: T2 i9 i1 i: mvar tempBallSpeed;+ a+ @0 C7 b8 I
var currentBallSrc;4 B5 [" r; e* D
var newXDir;
+ Z/ V/ k" c: Svar newYDir;( |4 K; V* Q6 p+ V9 `, m7 J! m

* E3 E; P% \" c/ g- u1 zfunction initializeBall() {
7 s, `. M) e4 f. x. d4 v   if (document.all) {- l& k: n! U( ?% v
      xMax = document.body.clientWidth
9 f3 E# d" \, @6 ~. _5 Z" y      yMax = document.body.clientHeight! J1 t8 ]6 p  {0 T% R: h9 K1 }8 f2 j
      document.all("supertext").style.visibility = "visible";0 z& I2 X9 w7 |# c8 A* W
      contentWidth=supertext.offsetWidth" P/ P% h0 m  s# V6 P
      contentHeight=supertext.offsetHeight
  R# L3 Y/ z: x: M      }
* d7 F8 D1 T. R, ~8 D- G   else if (document.layers) {3 Y2 i/ \! q0 `5 H
      xMax = window.innerWidth;
& y- @' D: J8 e' Y7 m      yMax = window.innerHeight;# Z' n/ I& q. z7 t9 Z$ H5 I
      contentWidth=document.supertext.document.width  h* t! J$ ?, X7 S) I
      contentHeight=document.supertext.document.height
0 }& E' j- I8 }+ B" t      document.layers["supertext"].visibility = "show";
! D* w9 p  F7 W) _      }
% k' i1 O/ q( s4 G9 w4 U8 W   setTimeout('moveBall()',400);
7 `$ U- D0 H  L6 J   if (hidetimer!='')
% |$ Z& d$ d/ n; E6 K1 p   setTimeout("hidetext()",hidetimer)
4 Y) G; B: h. _   }
9 b- f( M% G: m  e: b, z8 u1 W/ L5 t& w1 C, _2 \$ u
function moveBall() {
! u+ v% ]1 i( l   if (superballRunning == true) {# h- L3 f3 k4 P+ g$ a
      calculatePosition();3 i& h- G1 N' U: ?# c/ c  s
      if (document.all) {1 w8 i. c: C) r" c
         document.all("supertext").style.left = xPos + document.body.scrollLeft;5 l, H* E8 M# o' e
         document.all("supertext").style.top = yPos + document.body.scrollTop;
- d0 N) a; A3 X  a, f1 H. G$ A9 l         }
1 Y3 y& v3 V6 R. `. t$ {' R      else if (document.layers) {6 ^8 ]6 l% y% V8 P) y4 ^$ f
         document.layers["supertext"].left = xPos + pageXOffset;
  _  X) \2 f: s# J' O" b' |         document.layers["supertext"].top = yPos + pageYOffset;
" h; [. Q3 Q: K1 G/ d1 I$ B         }- H& r2 {+ W0 e3 N8 `4 b$ N3 i5 e1 Y
      animatetext=setTimeout('moveBall()',20);
0 B; @8 `6 Q* W3 q      }/ }; y: V$ H& z) {2 ~# Q. X9 d; }2 |- }
   }! z; \- ]. e4 l; n: B7 ?

) u# V( X- r6 l$ p- H( G2 j( cfunction calculatePosition() {9 P8 f" _$ ~/ L! X% Y9 J/ x0 T
   if (xDir == "right") {
/ \, Z$ Q* E# Q! I9 R9 Y      if (xPos > (xMax - contentWidth - BallSpeed)) {
; y7 r6 ?. K3 s& A# M% c         xDir = "left";% I* ?3 m% r0 b
         }
. c; ~3 r% u. z3 y5 A6 v) h3 X      }( H' ~9 L" D+ a- ^3 o8 ~. z
   else if (xDir == "left") {/ \3 L) S  a. j
      if (xPos < (0 + BallSpeed)) {: q+ T3 u! R& f# D$ c: k
         xDir = "right";
8 S6 r1 f2 ?8 M9 ?( ^% `7 T         }
( d3 \, J' V  d* L1 Y      }  u2 N. w+ v, l  B
   if (yDir == "down") {
9 X8 i: X1 A( |      if (yPos > (yMax - contentHeight - BallSpeed)) {
" W0 m5 h9 T2 x6 O         yDir = "up";
$ b3 _7 H: A& ~, c  I5 V* k         }
8 `: d5 n% A7 ?$ U7 S      }0 |5 e6 S2 z8 c" Q  s0 [
   else if (yDir == "up") {
( Q5 v3 x3 q$ `2 G" f      if (yPos < (0 + BallSpeed)) {
; X- I$ R  N9 Y* O3 L         yDir = "down";
" j" Y3 _9 Z5 n3 X$ _         }
6 v6 v& }8 h9 U      }+ t  {5 h0 K# {0 C! d
   if (xDir == "right") {7 T9 A1 x) s1 o
      xPos = xPos + BallSpeed;
. B/ Z  a! J4 K, `9 q" K      }
  K$ ^& H9 q1 Y* y" j# V/ b1 o   else if (xDir == "left") {
: f" k: z4 X  G- x* x      xPos = xPos - BallSpeed;2 c0 r1 P/ u/ }$ Q
      }
* a& V+ ]6 c0 s' Z8 R& \   else {
+ N- a/ u* p5 q1 C1 C+ h      xPos = xPos;
9 P+ r, t% |+ [+ M      }9 m1 I6 [" M( t
   if (yDir == "down") {' S" Y; n+ ?% o6 {6 \* \
      yPos = yPos + BallSpeed;% T4 z' ]% D, {6 t; h, @8 Y1 ?
      }
/ X! s# A$ O! ?8 h* w9 Q: Q   else if (yDir == "up") {
0 Y" s) j$ F0 ?3 X      yPos = yPos - BallSpeed;
! e1 T: }% B2 A$ E: O      }
0 E. V( \3 o# ]" K9 T4 b   else {: c2 x# s4 ], A- S  ~7 e$ T. J
      yPos = yPos;4 \& u* A( v9 A: r3 r
      }8 Q5 @% C- _- R: m: Q% ^
   }
1 `# K2 _4 T/ l0 k8 ~9 U) C
( F- b! H  J0 P, [2 n9 J, N" {function hidetext(){
! ~8 H+ y$ H5 Cif (document.all)2 u* G2 N- }4 }; c
supertext.style.visibility="hidden", a/ s. a0 c, ]1 x3 |/ F
else if (document.layers)9 t1 S* m* C/ |! _
document.supertext.visibility="hide"
: Q# H1 f1 o6 l0 e  f, D8 NclearTimeout(animatetext)
0 p0 G' P- ~' k/ u8 I* b' ]}( \( u7 V% H' v- ]# `

! f+ P& y; h/ L& G7 {. |if (document.all||document.layers){8 [* w8 Z5 p% e( Q- D- y' J& m- s: {
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ n7 W# d8 f; L' I! P
window.onload = initializeBall;3 f/ ^: U3 |9 a
window.onresize = new Function("window.location.reload()");7 @2 _6 y" \* ]) ?
}
7 `. J. k& r4 m7 ^! R
1 F$ V0 {. r. ~! \: B( y</script>

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