返回列表 发帖

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

<style type="text/css">
8 m: K, {7 ]: _0 G: F#supertext {
& n7 R' s6 T# v5 s1 ]/ j$ ]$ nposition:absolute;. v0 [6 n$ K+ n* c
left:0;
( P/ a- ?$ w& r3 p, Etop:0;7 d& C; d) k: O0 Z
visibility:hide;
5 e; Q" k* w% M5 g; ^! Lvisibility:hidden;
; V0 Z& Y* ?. [}) |9 |, b' U. m! m$ s
</style>" ?/ y; u% V, Q  \1 A
<script language="JavaScript1.2">2 D4 D' B. `: f5 _; V- K/ Y
<!-- 改变下的字体的大小。颜色-->7 h7 }! m; K! A
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'# O* Y8 R0 Q0 t
var hidetimer='';
, z. m' k% u- L9 L% @9 \4 r<!-- 改变下的弹跳速度-->
& g3 T: w* p1 T% }( Tvar BallSpeed = 20;
, W. u3 Z. j/ h8 M- @8 ?" Evar contentWidth;
# Q" U2 n; w& kvar contentHeight;
1 G- J* L. [3 B: z6 `8 F, Vvar maxBallSpeed = 50;
7 M) f. O7 |; S' p% ?! U8 @- S$ M- k# R" W, b' S" F" ?

7 T& a! o3 G' d4 qvar xMax;
1 D  Z; E/ W% x6 h- @8 x$ }var yMax;- I' p" Z( h+ F$ R5 U
var xPos = 0;
1 {& H* o2 I2 O7 ^var yPos = 0;/ v: t3 U* X3 r7 M$ K% o. s# X
var xDir = 'right';% x* ?# e- M, G, \& r- h
var yDir = 'down';
8 k* I' z3 A4 d1 H' g2 e3 H1 Cvar superballRunning = true;
$ b* H/ N8 `" H' R  y8 @- Uvar tempBallSpeed;
! y  Q) r, S" Cvar currentBallSrc;9 k7 l+ @3 C" @3 j  y# {5 h9 s
var newXDir;
8 T3 w" T# w) Q) u  P) X% ~var newYDir;
- V. J8 H3 x0 K/ a( l5 E5 \# N6 o. O
function initializeBall() {
0 ?( _1 F* @5 q2 g3 [0 |" n* @   if (document.all) {0 ?% f/ w! S1 V3 l9 [
      xMax = document.body.clientWidth' _1 ~$ u7 {, T6 ^5 U9 D/ h2 g& \
      yMax = document.body.clientHeight
6 B6 a' ]! ^9 t- \) o: |      document.all("supertext").style.visibility = "visible";
. s# R/ l" g; @  R      contentWidth=supertext.offsetWidth: a6 w+ s0 y7 D$ f: r) r- u4 {( w
      contentHeight=supertext.offsetHeight5 t; ?0 z6 a: L
      }
; t4 k" @( \$ M, t! ]5 D   else if (document.layers) {  e+ Q8 g& d. H2 ]) {
      xMax = window.innerWidth;
3 K  a, r7 ~; m8 j" i6 [! K      yMax = window.innerHeight;
- l! ]: p* L. X) Y1 j# k      contentWidth=document.supertext.document.width6 i6 _5 n+ {. \/ I7 k! g
      contentHeight=document.supertext.document.height
( G  e& G$ X# D9 j      document.layers["supertext"].visibility = "show";
: n* x1 B% d8 D$ y. t4 G  b  @. F3 \3 Q      }, ^9 R) S7 P* N5 u( `- G
   setTimeout('moveBall()',400);
7 l1 p, `) B4 m6 M1 v* T6 ~   if (hidetimer!='')2 t, C& j0 h2 k2 @" t) d( H
   setTimeout("hidetext()",hidetimer)
$ ?; b$ l, x0 F/ A, _3 v9 V+ Y/ I% Q   }7 i6 ~  T& j. b% d, j
8 D3 O6 d. k  H7 n2 M+ k
function moveBall() {/ w2 C3 U' j6 e1 k  o5 M
   if (superballRunning == true) {# r' W9 X, u$ E6 f$ K, i
      calculatePosition();
% O( U7 K( c6 S7 ^0 X      if (document.all) {
) C3 {  o* y, `6 x; B& M         document.all("supertext").style.left = xPos + document.body.scrollLeft;. X) @4 @" m4 F% b
         document.all("supertext").style.top = yPos + document.body.scrollTop;3 M; A+ k8 m7 l
         }1 e+ j$ q$ ~4 O& |
      else if (document.layers) {- D( I7 J- {# ^" ~
         document.layers["supertext"].left = xPos + pageXOffset;
! h; g- i# I4 |/ L  ]; |' Y2 X! r         document.layers["supertext"].top = yPos + pageYOffset;' i! U- i# r! ?" R2 w
         }9 ^: L* c! e% j' V# y
      animatetext=setTimeout('moveBall()',20);( p6 E5 n' a$ k' Q3 v( w
      }
5 y# _. z' [( q& s   }4 h9 U/ \8 u5 w' a3 K0 \
  u4 ^$ _; B. r3 |3 y/ V+ S
function calculatePosition() {
$ |' s' d8 V" X) Y   if (xDir == "right") {
9 O7 b! U; h1 h! {: R; n" v$ R1 w      if (xPos > (xMax - contentWidth - BallSpeed)) {0 ^6 w! f5 s/ _* V: w
         xDir = "left";- C0 c  }* ]; C9 b( @
         }6 ^# s  q9 n) `
      }; U& t/ a; o8 W/ N2 }  z* h" }
   else if (xDir == "left") {
% n) a9 _' N7 B/ G& t: R  a' e+ n      if (xPos < (0 + BallSpeed)) {2 L' `9 b; d: w2 S: z0 u7 y! n( {* F
         xDir = "right";/ p( g1 z. v0 ]" z( q" W0 L
         }/ [) ?) J+ Q5 @: c' b. i
      }
. W1 e" y: n, F2 F- Y0 \   if (yDir == "down") {
9 Q3 B, K- m4 q, ^/ O      if (yPos > (yMax - contentHeight - BallSpeed)) {
2 _; t: }) x0 Q! i1 U  {         yDir = "up";
- Q3 f" U7 G1 @8 M7 H         }3 e7 n" `+ b: |' g' @
      }
  Y% q$ N9 o1 K' u3 f$ V0 s   else if (yDir == "up") {
1 T2 `  U" ~- k4 u. S, w      if (yPos < (0 + BallSpeed)) {; N& x" ]- `0 E- _
         yDir = "down";
7 }+ Z1 y" g* n/ Y         }( t+ [* Y3 w/ ~. U5 e! I1 j
      }
; q  D" v3 W7 H; y2 Q2 y* a& J   if (xDir == "right") {
$ h) d9 B& D2 h8 [      xPos = xPos + BallSpeed;
9 M; m" F  Y) o$ J4 t# O      }: K! K8 Y% _2 S2 n, p
   else if (xDir == "left") {
+ i0 h% n6 x& `: r      xPos = xPos - BallSpeed;( |+ Z, w; l) ~2 P
      }
8 T6 n3 z6 Y7 \/ _: j  [" ?   else {) V3 \( {4 t! \  \( W1 K8 [% G
      xPos = xPos;
9 Q) p5 Q7 Y$ z: `      }
4 v8 _5 J( y6 S1 D  f# R   if (yDir == "down") {
9 d9 a& e6 h- q% ^1 V      yPos = yPos + BallSpeed;6 R/ S! O& A9 G
      }
; h- X: H$ O$ H# u/ Q4 @   else if (yDir == "up") {
/ z9 S! U+ N4 `, \      yPos = yPos - BallSpeed;
0 |$ a- g/ {7 f' Q9 X, O      }# Q3 Q7 a! [" F& ~
   else {) \2 v& o4 [2 A6 Z
      yPos = yPos;; n( v: O6 J% k2 V% e
      }
. O: J; t; ^# y4 i6 O3 k5 P   }2 ~: F8 E- Y, F# d4 z0 w
$ M7 q0 o0 I& o' ^: ]" e3 E
function hidetext(){
/ B' |. Z- E/ M0 {' Rif (document.all)' u" N% H, T" c) d
supertext.style.visibility="hidden"
/ P) b  e9 ~/ [) |1 v! \; selse if (document.layers)2 G( A0 ~- [" f
document.supertext.visibility="hide"3 i" A" M4 C( w+ E4 J( G! g
clearTimeout(animatetext)" o: E7 n# U' }- s3 x5 e* R5 a
}, S6 d9 H% d0 ]" S) Z3 ?/ R! {
( f% ^5 @6 T* @1 L4 F- |" a
if (document.all||document.layers){$ p; t/ f- d, B* ?5 E# q! j. Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')% w. }# _: [$ b8 J) i& m2 M
window.onload = initializeBall;
  g3 l% r6 C. Y1 Q% S) f9 `/ lwindow.onresize = new Function("window.location.reload()");/ l  ^( l0 F; c" `% l
}
* Y! j! `8 V  @1 T. i. a
0 |. k5 i1 R4 e/ u7 E0 n3 q# M</script>

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