返回列表 发帖

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

<style type="text/css">( N. `% B6 U) U8 a5 ]2 D  p3 u
#supertext {, N3 I4 a! S* P8 y
position:absolute;
/ ^; Q2 P8 A$ z* ]left:0;
" P# L' X7 f' B  t' d# Itop:0;& h$ t& c/ s" K. d& c* g
visibility:hide;( w3 w& Z+ ]/ j5 A# W
visibility:hidden;
# v9 |. f- Q: I% q5 Z2 p4 z}7 l: B# \- H3 X9 M6 X- C
</style>
; q4 F4 B: O- l! l& T/ x8 G<script language="JavaScript1.2">
2 g. j, l2 f- p2 a$ L" b<!-- 改变下的字体的大小。颜色-->
' G# p- P2 B: Cvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 j0 D  W% |% q' e2 C
var hidetimer='';
4 K$ `. j! q0 w, j7 G- a<!-- 改变下的弹跳速度-->
8 f2 p' i* c$ \& c+ t7 w! S7 T3 Rvar BallSpeed = 20;) f. }0 [" S7 m8 Y" t
var contentWidth;
) ?0 P7 `0 C7 g* S8 ivar contentHeight;
$ G+ q" v7 l( @* lvar maxBallSpeed = 50;* l# H# |3 _1 F. Q! i# L0 N
4 t; b+ Q* M1 n; y" g7 _5 f

' [- ?) Y# S- i+ j0 C4 m$ cvar xMax;" g4 J* s, W3 c! S! I1 Z& v* s
var yMax;
5 E6 Z7 R; e" ?. ovar xPos = 0;* s; H! v: _" m( @- y
var yPos = 0;
1 E% \3 S$ P1 @! h8 T6 x! Mvar xDir = 'right';
& S, e2 J: i1 {2 h! y1 S* D0 {2 Z2 Jvar yDir = 'down';. {( U- Z5 ]9 k! I9 t
var superballRunning = true;
" D6 Q0 D8 o+ Tvar tempBallSpeed;! z. R# T- I, |# I) {% w4 ^, t0 [
var currentBallSrc;
  S1 l# r- ~, v, g; _3 jvar newXDir;
9 E' D1 U. e6 A# s) kvar newYDir;: ^3 Y" z8 c: g# @- t1 h

, A9 Q9 e( o! O/ N1 \6 r+ Z5 jfunction initializeBall() {) ], a! F6 O5 L) Y9 a
   if (document.all) {! \& S3 c" L" E/ |4 e7 h
      xMax = document.body.clientWidth# O' ?  `4 b/ G2 b, s: j
      yMax = document.body.clientHeight4 t$ o' D3 k3 p, K; x
      document.all("supertext").style.visibility = "visible";
. t. N; B- ], _4 E5 U      contentWidth=supertext.offsetWidth$ k6 |6 Z7 s/ M& `; G4 O7 C
      contentHeight=supertext.offsetHeight, v( W, l# H4 g- R# j1 y& r% t
      }) {( K) S3 A3 T8 S7 n5 @
   else if (document.layers) {
6 m7 d4 V1 x3 |: Q      xMax = window.innerWidth;1 s" D* i6 H; m  F! [& }  }
      yMax = window.innerHeight;
9 \2 {  Z3 U5 Q( Y  z4 z  V; C      contentWidth=document.supertext.document.width& ~- a9 {& |; b# c3 T) W& A/ f9 W
      contentHeight=document.supertext.document.height/ r9 k2 k8 j8 F, C$ h
      document.layers["supertext"].visibility = "show";& w9 E$ n# q0 `9 V8 z! p; c9 c  b
      }
# M" b8 a$ n8 m% M  ?% j   setTimeout('moveBall()',400);; @+ y; x" f; Y7 e: O1 k& ~! W
   if (hidetimer!='')2 u( {  ?5 D, g/ H0 R. R
   setTimeout("hidetext()",hidetimer)% J, u! {1 E+ f+ R) R8 x* t
   }
7 t" n. R( L. X& n* M$ Z" r4 P; I% w: g8 {7 T2 A
function moveBall() {
8 z. O) E( E& o( Q   if (superballRunning == true) {
- J  x- n& R: b, B      calculatePosition();
. i$ R: i/ b# c7 k8 S      if (document.all) {6 ?5 c+ w8 x4 o5 s+ a
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9 j6 R+ `, F8 f+ u; S* b         document.all("supertext").style.top = yPos + document.body.scrollTop;
4 f2 @* {4 O0 H         }
5 E3 ?5 A+ M$ ~2 n& j      else if (document.layers) {! c1 l7 m/ L* A
         document.layers["supertext"].left = xPos + pageXOffset;
$ Y- l: c) c1 ~* _         document.layers["supertext"].top = yPos + pageYOffset;
2 |/ ?- W$ f' S/ B, y) W2 v         }
7 o& ?+ Z7 U) t6 Y/ U) @      animatetext=setTimeout('moveBall()',20);
* O4 ^3 p& @( J  Z; t7 v' j      }
/ K) c0 N- D8 }  \4 \" K) O   }, y1 S& [( Q7 Q  h7 |# n; j
1 ~2 I# @# J5 ?: d/ z3 H7 I
function calculatePosition() {
( a2 i% R/ t2 [3 @6 U   if (xDir == "right") {
6 {& \1 W4 l% d0 z4 M      if (xPos > (xMax - contentWidth - BallSpeed)) {  z2 E/ B! L( k" _7 _; d+ l  \
         xDir = "left";
* b1 x& r) @5 I; B+ l) S* P         }4 D- u/ x- ?( d' [# A. |7 J, K& `
      }
/ l3 A# x6 S2 ]$ k% }   else if (xDir == "left") {
- d" ~8 Z! s0 o' z2 J4 G6 j      if (xPos < (0 + BallSpeed)) {8 \5 A$ S; N1 C1 S
         xDir = "right";2 C5 A" s! n9 m2 j3 A* S
         }. O0 T, @% k- w7 Q; @! W) B# f
      }5 P5 ~# C4 i. }
   if (yDir == "down") {2 g6 O( {& @$ `3 |
      if (yPos > (yMax - contentHeight - BallSpeed)) {/ O: C' I8 }6 ?: M
         yDir = "up";$ ~6 c9 F% I; U3 w. g
         }+ h1 G( M' k  w! J5 G1 ?
      }
/ n3 J/ J1 Z, X2 _5 B4 K- u7 d   else if (yDir == "up") {( q2 L3 V% x: z! R6 U8 S/ v1 j
      if (yPos < (0 + BallSpeed)) {
# }, o; S( B3 [3 Q4 a5 {2 O5 J- Y         yDir = "down";# Y" a* \" _3 p4 S' ~+ S& h
         }
1 A( w' N" x; V6 L      }4 w5 u6 `8 b5 \+ u/ {
   if (xDir == "right") {$ [, r4 M8 a! D0 ^
      xPos = xPos + BallSpeed;
9 `% ^' h# Q- `1 k      }) r0 l2 R; @" o
   else if (xDir == "left") {
/ l( m& M; x8 U; F7 `% A      xPos = xPos - BallSpeed;+ |& J* U* [0 p
      }; B: L( N- R! J  p1 t* l
   else {- P( e7 s1 D  o
      xPos = xPos;" D: ?# I$ Y/ r9 @0 g" I5 n
      }
( t2 s% n  k7 ~% i7 v   if (yDir == "down") {4 d( a3 _# e" Q$ j
      yPos = yPos + BallSpeed;
, U& ]+ @( x: R. ]. M  @      }
2 V, R- S6 P* z- V   else if (yDir == "up") {
+ X, `( v  ]0 f( R      yPos = yPos - BallSpeed;
3 j0 F0 @  N/ M' d( P3 y: a; e8 {      }
1 o/ G, F/ j" U1 m+ E* c! g/ {8 Q3 r) ^   else {" d% N" f* s- ?' c9 z# P' d# i
      yPos = yPos;
" b6 I- u% d! r3 q4 K. S1 G      }
' H) x0 n7 H$ W2 ~( w. \   }
% G9 f4 C4 A+ r, }. F
- f5 Q( z3 m; ffunction hidetext(){; z$ ~3 v. n% z
if (document.all)
+ v9 P6 [: t8 i; d, g3 Q& Esupertext.style.visibility="hidden"1 k1 \( F3 @; n0 U- ^. A' `
else if (document.layers)
" R' G8 U7 [+ c% f; `' u. Kdocument.supertext.visibility="hide"& A) Q# K8 |& c8 n
clearTimeout(animatetext)
4 f$ b  u. A% @" w}
8 s+ R( ?& m3 F0 B* Q
4 e  z5 `% @) c9 w6 X$ d% iif (document.all||document.layers){
5 Z: h5 G# g* `8 zdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')2 X/ R5 t. }" ]3 t- V  _9 \* C
window.onload = initializeBall;
, x7 `& s0 D0 rwindow.onresize = new Function("window.location.reload()");# u9 C6 m' B7 |: v& l7 t
}; c' Z  @* m. Q3 t7 }

, e# f7 {% g- f( d( ^3 C8 ^# |& I</script>

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