返回列表 发帖

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

<style type="text/css">
4 O7 u, T$ s6 B7 A9 H/ w#supertext {" D6 Y; ]/ P/ j& a, J
position:absolute;
( L3 ?* [- x$ P0 Y- hleft:0;
# g: U1 n4 Z: L) |' L0 H+ ztop:0;
4 o: ^' m) q% \5 Jvisibility:hide;8 r  y" u& }9 [3 T7 c5 k
visibility:hidden;
* p7 r2 {% K& `1 O6 b}, `, ]4 r/ k# @
</style>
) v  o0 O  U9 a7 d0 T; Z<script language="JavaScript1.2">
( F, e/ B2 _" V) h<!-- 改变下的字体的大小。颜色-->: ~" F6 p' v9 U; d
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
" s6 Q; I+ g0 Z9 u! Qvar hidetimer='';# H# r3 M7 U5 X
<!-- 改变下的弹跳速度-->' [( o! i0 S# M* Z6 s
var BallSpeed = 20;6 _0 K! F  O  W) W
var contentWidth;
9 Z+ y: W. n/ o7 J% O. tvar contentHeight;, f0 ^. D& e& \/ x
var maxBallSpeed = 50;
( T$ N8 V  k% J9 _2 Q: o" z* t% x$ U4 K3 s1 t+ I4 A; `* L
- I; w% X- t% X0 r' f
var xMax;$ s: x; ^" a% l3 T$ v
var yMax;
- F% A" }/ w! Q: Z7 c* N2 S0 S2 A2 Fvar xPos = 0;
1 U8 _8 t/ z/ j8 h4 n" w' o8 B4 `$ bvar yPos = 0;  {; V  u$ g+ B; K& b
var xDir = 'right';
$ h. R3 w# ^; d( B( z4 Svar yDir = 'down';
: y4 c! {: ]  B$ q( f* M4 B& s9 Z; o9 Svar superballRunning = true;# L4 O% `& S% y0 y7 f! ^
var tempBallSpeed;7 w8 G) k5 b/ b, G4 {/ U
var currentBallSrc;) o5 n, P* u& ^; ^# s5 q* C' }+ @  U
var newXDir;9 c: c. O' e7 }6 P6 c/ S8 m9 o
var newYDir;& b% x, B: x4 H2 ~
: D* W) x4 g$ }( h+ r* X+ B
function initializeBall() {0 i" \) ?% Y0 `
   if (document.all) {7 M, K2 r1 I* T- k- G
      xMax = document.body.clientWidth
* A, V0 L# s$ m6 ]: q( m/ O- i  _      yMax = document.body.clientHeight& {0 H' [7 t6 c3 O) U  K/ B
      document.all("supertext").style.visibility = "visible";
/ t5 G3 Z9 ~8 w) U. H% c      contentWidth=supertext.offsetWidth+ n/ _$ L, i; @: p; ]
      contentHeight=supertext.offsetHeight
, j4 n2 Q' l. u      }
& m9 C3 a& r. I   else if (document.layers) {
8 Z: b. h/ s5 L, L- `" A      xMax = window.innerWidth;( b4 ]5 A. H& B) r( i8 z4 O
      yMax = window.innerHeight;
1 W( h& @( \9 \7 U, L# ^: J      contentWidth=document.supertext.document.width! f( j+ M7 N9 F  [1 u' n; U
      contentHeight=document.supertext.document.height
6 U/ W; b5 w% ]$ W$ Y: @      document.layers["supertext"].visibility = "show";
- G( [/ c  c  O! L% M      }
( J% w+ _+ M" u5 k2 I( H, W   setTimeout('moveBall()',400);4 h, T* R, T6 ]8 F; M! V6 i
   if (hidetimer!='')9 `, E4 H  w: S5 n) o, B. Q  O
   setTimeout("hidetext()",hidetimer)
- l6 z/ z! X. ?0 Q, S( V   }
/ J, \8 h# a# s: k$ W! u, B
+ M7 n- C& U# d2 Cfunction moveBall() {
; U' j0 v" ]1 c" h5 a; b   if (superballRunning == true) {( s% ~  k+ j& T& n, {7 `
      calculatePosition();
$ ^' N- h7 x$ z1 P      if (document.all) {
; c2 Z% H- k8 o+ b! T( j5 t         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ B) |( h0 R. n6 n. t         document.all("supertext").style.top = yPos + document.body.scrollTop;
1 \4 M. Q4 h$ c  l5 {4 \3 K         }$ L% Z; G8 l9 Z+ D
      else if (document.layers) {/ o" v) N: R% A+ U5 W6 x, J0 m# {
         document.layers["supertext"].left = xPos + pageXOffset;5 \% \9 p+ A; L' `' J8 W, j: i" c
         document.layers["supertext"].top = yPos + pageYOffset;0 Y4 n9 [% S, e9 K1 ]$ L
         }
& v9 T# x% [/ w! B, P( A- Y      animatetext=setTimeout('moveBall()',20);
8 N4 t! `9 {9 Y% H: _* o& A      }6 L3 ^3 Y/ g# s2 m' N/ C
   }
! c, L3 s4 O$ _7 c9 e1 q% y$ {7 ?$ ]- T
function calculatePosition() {3 {8 L- v# n8 `/ B) v% D2 G. D/ k( W
   if (xDir == "right") {3 L) i& m" i6 h# r. a  h$ J& b$ t
      if (xPos > (xMax - contentWidth - BallSpeed)) {
+ b. @' M. @1 w& v1 B2 W         xDir = "left";) l6 A( d7 v! k- N
         }7 W6 c9 C$ i. ^9 x
      }
. C  _- G! S1 \# m8 @6 q   else if (xDir == "left") {( j6 E0 Q' w6 F* q+ k  j: Q
      if (xPos < (0 + BallSpeed)) {6 D& g  g. _4 d5 L
         xDir = "right";4 ?; R0 e; z3 q. Y
         }& j- G; p9 y# P, Q1 i
      }
0 F0 |, |) m( F8 H) _0 X, V   if (yDir == "down") {
  A. `% Z! B1 B1 O; H      if (yPos > (yMax - contentHeight - BallSpeed)) {& ^4 u( q* n$ ?% v  H/ Z9 Y
         yDir = "up";
9 h1 a2 ^* O8 o# v' q         }: i( I. Z" v: [; C$ W: O% ], E
      }' L% |4 a6 S7 X0 }( p
   else if (yDir == "up") {
' o$ d. s3 O) j' Y      if (yPos < (0 + BallSpeed)) {
0 x8 F  F' D" g3 r& U9 k         yDir = "down";2 X# U0 Q% X( V, K
         }5 o1 X+ M/ x5 @
      }9 Z6 y. G! L$ M! g/ z* h
   if (xDir == "right") {
, K% y, J# }  z# d2 l      xPos = xPos + BallSpeed;3 j" f( {& W4 `( }" N; t
      }: O1 \" u& Z; W9 z3 T
   else if (xDir == "left") {# G& i3 f; l1 q, b7 S
      xPos = xPos - BallSpeed;
) ?4 {- H6 k- r5 l) f* i      }1 w$ i1 }+ I6 N) o2 R
   else {
* d3 p3 L* S6 q1 R3 o      xPos = xPos;* D* g. ?$ a1 o# f" K' e. `
      }
# [* H; e! P! y) @5 ?/ A4 Q, j   if (yDir == "down") {
! H1 L" r) [4 R) ?      yPos = yPos + BallSpeed;; e( h7 S3 ?3 N& F
      }
4 A; z; K, X  E# Z   else if (yDir == "up") {
$ h. W8 M% ?  U" o      yPos = yPos - BallSpeed;. z- ]0 S; c% ^7 Y
      }
2 T# }, h" P7 I9 d( [6 g8 |   else {: `8 u! j7 F2 v
      yPos = yPos;
# Z# \' i( R8 m) @. ~9 w      }$ x2 i4 e9 Y" M; a' H
   }- t" H; I& u* ?: p2 |8 ]; G% h2 z

  T1 p, j2 ?$ N3 h( Ifunction hidetext(){
# V2 D( r9 J- |- n5 p  S6 Y7 @if (document.all)
; }* P3 N7 a& d- S; h' u+ Hsupertext.style.visibility="hidden"
8 h# v. Y9 a. }. ~$ P2 ~/ felse if (document.layers)
. \% t8 U  s9 Jdocument.supertext.visibility="hide"( u0 e. i8 t4 ~# `
clearTimeout(animatetext)+ a9 T  s% v0 }7 M# }9 R
}+ n( q5 o" l; R, ]. n, p4 h& p

3 x( Q/ t: X4 {  e+ @# bif (document.all||document.layers){) @  v5 X9 M/ \. G% Z
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 g9 J8 @: b7 _$ `
window.onload = initializeBall;) F% X5 i+ c4 U/ @( k8 ~$ M6 c. T
window.onresize = new Function("window.location.reload()");5 H- ], R4 c8 L9 o+ t
}8 |$ U/ n; t, V9 z( T% I1 ?1 r

% f4 o& K% P) L</script>

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