返回列表 发帖

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

<style type="text/css">9 b/ I: b9 @: J4 M
#supertext {
/ a1 u+ _0 b' Y! z+ vposition:absolute;7 I' ?# y; v  ^+ N0 K$ @7 x0 e* e) m
left:0;" k/ ~& A! g4 f9 \/ a0 [) S
top:0;
* S8 M% E* N# M3 Vvisibility:hide;$ A& i% D; U" e% F  v6 Y, P
visibility:hidden;
& @' \6 n- z& g! F) E}+ o1 D  m# [& L* Q% \3 Q
</style>
: `+ H1 D# ?/ K/ q<script language="JavaScript1.2">
4 r" i! H0 N# L' T1 s( {) o( i" Q<!-- 改变下的字体的大小。颜色-->
0 B6 B, n- \; Y$ I  O5 Ovar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& V9 w: ~- V8 ^0 D& _
var hidetimer='';
7 U: X: ~+ W- T$ e# o<!-- 改变下的弹跳速度-->4 K* _: Q9 O$ p7 }! \$ j8 W
var BallSpeed = 20;
2 X" g5 z1 a) k% f: ]  o) ?/ K' c, _var contentWidth;+ e4 W0 Q" p% n5 @2 L/ M- A
var contentHeight;
1 ~7 |$ E+ K/ [, V( ovar maxBallSpeed = 50;2 r4 P$ I% y, Y. d' Y/ A: x
4 ?: G4 g% m- k# S) [' C2 y
- T2 `- y* J# K9 ~. N6 h
var xMax;* E/ Z# S) p) r4 I4 e  Q0 h
var yMax;; s3 T& C6 s' o. j* Y% P
var xPos = 0;
% N8 a% {  \7 M) S5 _var yPos = 0;4 o* D9 ]# t: U) R9 I- c2 d1 e
var xDir = 'right';9 D- A) j( j: R) l
var yDir = 'down';
: u  u9 @. [0 M% U: M6 Mvar superballRunning = true;
0 Q  J. l+ C- T7 m6 ?1 Nvar tempBallSpeed;  ^; K$ b. [; w6 O* x8 X
var currentBallSrc;! o8 Z2 f- h1 l7 u) d2 d9 a7 C
var newXDir;
) r$ ?& d( a* q2 wvar newYDir;; |( [( v! C, s% W+ ]1 L
  M" h7 l4 T/ M9 {% k3 x
function initializeBall() {
* L+ |: A$ t2 O   if (document.all) {+ U2 _3 o, C) k9 K6 ]' C
      xMax = document.body.clientWidth
- u0 _& [  Z+ R      yMax = document.body.clientHeight; q& |$ L6 ]6 c) S3 _" X
      document.all("supertext").style.visibility = "visible";
8 b1 q* g) ^8 f* \, Y. i0 J      contentWidth=supertext.offsetWidth
! O: ?" u. ^+ G) f' O      contentHeight=supertext.offsetHeight
- x+ i4 \/ I8 w( _. m+ t' t3 a      }; }& O$ w0 U( \, d
   else if (document.layers) {
; J" g8 n% e1 \      xMax = window.innerWidth;7 ?# n$ x$ _/ `* V
      yMax = window.innerHeight;# ~  F/ U8 G/ z# K. F+ n
      contentWidth=document.supertext.document.width/ Y2 m% f& }7 t- @# I& {
      contentHeight=document.supertext.document.height$ B+ T- ~6 I2 z$ f$ V9 v7 X4 e6 w2 B$ g
      document.layers["supertext"].visibility = "show";
. n6 |, c4 S  n" {! h      }& [+ ^3 a0 |7 A& h
   setTimeout('moveBall()',400);
9 S7 |$ A7 W/ [0 e0 F9 z   if (hidetimer!='')
( v6 c; J8 h7 H# Z   setTimeout("hidetext()",hidetimer)0 t/ u: h4 C. a  t5 W. ~0 G
   }
9 I9 x- r# P  P% y& H- }% k
3 |+ R8 C% y9 j8 B! ^7 xfunction moveBall() {# I8 H% a: t% C* E/ z" [
   if (superballRunning == true) {" c. b: d" @" M, l& Y6 c' `0 Y
      calculatePosition();" D6 ^" M+ {9 n" e3 s5 p' z
      if (document.all) {. @/ e& g, T+ a( T& @. J
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
' G6 D8 x# ]# j) C! F2 k( r         document.all("supertext").style.top = yPos + document.body.scrollTop;
: e/ G4 {0 m+ L' }# O3 _         }9 P9 {7 ]* p, b
      else if (document.layers) {4 ~6 J# [. U& m0 q1 @, k# X6 m5 v
         document.layers["supertext"].left = xPos + pageXOffset;
! ~2 s4 R0 o0 q         document.layers["supertext"].top = yPos + pageYOffset;$ @, h) _4 S: Y( ]) \, @
         }! F! i+ a% c" e1 K* V% |% I
      animatetext=setTimeout('moveBall()',20);
* _4 }4 ?& Q" [+ j6 D* ^      }
% @, o  p* a! G  ?1 G: k   }& u3 M  V+ W) d0 U3 i" X
% a+ d5 [1 ~2 K; O2 r! M4 F3 U
function calculatePosition() {$ Z- A& c; D' U
   if (xDir == "right") {
/ f. }  l* }& A8 ^7 u; h+ `& \" G7 Y9 L      if (xPos > (xMax - contentWidth - BallSpeed)) {; m2 X( \+ _! @
         xDir = "left";
! [5 I! @3 s& m8 x# k         }
% J! V) y: w+ O1 z- L! P' m      }7 b; ~. }3 Q+ Y, m
   else if (xDir == "left") {5 U8 t: m  h# a
      if (xPos < (0 + BallSpeed)) {0 R9 ]3 ~$ l# I+ I" t5 @* ~
         xDir = "right";) v0 B9 a' \* r" T& }
         }5 Z, x7 [* U$ h
      }- o. {; ~8 ^8 _8 d3 s$ Y
   if (yDir == "down") {
' U6 _$ N; Y2 H2 N, Q2 _" P      if (yPos > (yMax - contentHeight - BallSpeed)) {
, B  O: C$ ^# l7 P: ^. L         yDir = "up";
; |0 c4 s" z, r! F  w  {, ]         }0 C+ J+ V, v, a% f: T
      }
' j/ ~4 G& _9 d& C$ Z% d   else if (yDir == "up") {
3 C9 {  O$ c+ [" _2 f9 R! [4 j      if (yPos < (0 + BallSpeed)) {1 V2 {- T6 ?% k. q
         yDir = "down";* u) z* R" I2 u. Z3 k; S; f
         }
( E1 W. z/ H1 ]  y1 f  F  Z      }
1 i+ x$ u& g) Y- t   if (xDir == "right") {9 `4 S% B: P; @  v2 }1 @' [5 C
      xPos = xPos + BallSpeed;9 O: t; x* Z9 |: |! F
      }
6 a4 p; s" D7 W& i, U2 g0 T) t( @! S   else if (xDir == "left") {7 R4 S* O: ~( K9 f' B
      xPos = xPos - BallSpeed;
& E7 R+ s$ ^, U; x% N      }
" j: T- Z; u; K) }& x. F   else {" a' s( P' @; s
      xPos = xPos;! L3 M, ~. a5 n  _4 l/ o1 H' b% F+ }# V, M
      }# [9 H$ n2 W: w8 A) A9 k# P
   if (yDir == "down") {# e: H/ k1 o9 s0 ?( T
      yPos = yPos + BallSpeed;" Q2 v4 S% e0 w2 \# _' r8 Y8 Q$ l  `
      }& R( B, K" p  k; E3 g
   else if (yDir == "up") {
- D# U2 Z7 c/ U' F* v9 I6 ^      yPos = yPos - BallSpeed;
$ I9 r! [2 K  H0 |5 u/ i+ D0 T$ ~      }' {6 m: U2 n& I7 d: I$ }
   else {
4 I8 A( T6 T# e      yPos = yPos;# _( K9 J& F1 g, C7 b! E
      }
* l% C9 H% S+ \6 w) m6 D2 f: |   }
  v1 _0 Z. i" s; {& Y2 m' V; X; g3 T3 [7 S0 }+ p# ~  d5 \/ A
function hidetext(){
4 L; F/ T) _9 R' u6 k9 |7 p& P+ Oif (document.all)7 P' f7 J$ A1 b( Z: y8 t
supertext.style.visibility="hidden"
( M4 d4 k: s$ `# relse if (document.layers)
: i7 ?( E4 w4 D% pdocument.supertext.visibility="hide"
1 k0 Z$ P0 E9 k3 \$ M; V) |clearTimeout(animatetext)
8 P: X/ z: z6 j5 `9 E* x0 V}
" e3 w- N% |. O5 E
% w0 W9 ]) C4 \8 b3 y, T, H  cif (document.all||document.layers){1 U2 v% f% @) j5 A
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 x. O. Y( y) x& y6 Z4 V0 N
window.onload = initializeBall;
& _+ e( W  t0 H0 D2 k! x6 rwindow.onresize = new Function("window.location.reload()");
# u3 H6 d* ~% `: }. |}
, G9 K; i) V0 ]3 ~
6 d: ?1 R: w7 u- R3 ?</script>

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