返回列表 发帖

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

<style type="text/css">9 w9 l% _% @. M8 A
#supertext {& k5 f8 g0 l& C: u5 l
position:absolute;
2 }2 L. U7 K  \! ?* O  zleft:0;! F/ o2 t- Y) e  q4 i
top:0;
& m/ x' F# k2 a$ r$ r9 z- Ovisibility:hide;# U" }7 U: ~) G) }. v- _  ?* ]
visibility:hidden;
/ g/ X4 K( M, w5 ~& L. ^}8 V. _7 G! Y1 D- c' K8 I4 a
</style>
8 W6 @3 W/ R0 f; {<script language="JavaScript1.2">4 N4 l4 \, }" r  u
<!-- 改变下的字体的大小。颜色-->
. L( G% R; z6 v; [+ X! k' |+ X2 wvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 V0 G0 g$ C# L7 s% Y
var hidetimer='';
, w' K! t1 ~% \<!-- 改变下的弹跳速度-->
5 ^# Y% d: i  Z: hvar BallSpeed = 20;
9 F* I: E2 K! r. {  U$ i) \var contentWidth;
- i# t5 I- Y7 O) ]$ Q: n: p3 D0 Xvar contentHeight;' d. u; _+ b2 E7 X+ m8 b, p3 |7 f6 ^
var maxBallSpeed = 50;
% U" n2 W  @2 [+ D9 M0 n3 n2 _$ Z' r: H2 [* i  M' }

# l6 T4 i9 d4 n6 U' qvar xMax;
/ ?6 j9 u( l' U" T" B6 Hvar yMax;9 D, e: i: X# N
var xPos = 0;) O9 C/ }$ S, x- h6 ?' g! Z
var yPos = 0;
4 z2 [0 c6 i$ a$ @! i* ^# T$ p: ]var xDir = 'right';1 `9 }( @' \# \  i2 |7 T, ]" J
var yDir = 'down';* B: C7 X: V  ~  I$ @
var superballRunning = true;
* t" W5 |* q0 L0 ~$ r, Jvar tempBallSpeed;
4 Q  ]3 s5 P4 G* l& d9 `" t. W+ A( ?var currentBallSrc;6 R$ W0 q8 u+ q, l, M9 G( K% {$ s
var newXDir;
7 {+ t! {+ X/ H5 U5 @1 U0 ~, y9 hvar newYDir;
- g+ S8 o( {  G" h. k3 R4 r% ?
/ z6 m' ^) b" x/ ]0 Cfunction initializeBall() {
4 y1 a. T- `% ^   if (document.all) {
. ^# H  @3 x3 T- W  n% f/ K, \' o6 V0 t      xMax = document.body.clientWidth- O* c9 l" t! `9 h
      yMax = document.body.clientHeight- O& q& ?) D5 l2 }
      document.all("supertext").style.visibility = "visible";
" d, u% d. b. g  G5 t+ i      contentWidth=supertext.offsetWidth  h% P7 W' h) o* j) f0 \8 v
      contentHeight=supertext.offsetHeight
$ Q! L1 P+ _$ M3 B$ y9 [      }
. G0 ]1 h5 q* \! g; o" A+ L   else if (document.layers) {
: M, B2 ^/ O6 x( g& P0 ]( w3 m5 c      xMax = window.innerWidth;0 S$ \4 ]& n5 W+ R, w6 e
      yMax = window.innerHeight;1 Z! \- E& S: u& o
      contentWidth=document.supertext.document.width
- B! N& q% C6 O7 G) m      contentHeight=document.supertext.document.height" J+ p5 M7 ]/ A8 j7 S+ p
      document.layers["supertext"].visibility = "show";
5 W6 l" I- a( q( Z: a; [8 q0 J      }+ H& t( l; o1 [
   setTimeout('moveBall()',400);
/ r+ @+ o; E% z   if (hidetimer!='')# Y3 U7 ~1 W. u3 V& }4 V8 H- S7 Y
   setTimeout("hidetext()",hidetimer)0 ~/ D7 n0 P7 f, o+ Q+ Z7 W; j: j$ V
   }
$ I. R/ _" p# v2 b
* [* m6 c9 I4 Afunction moveBall() {
0 b( R2 N* c4 ?+ ]& C   if (superballRunning == true) {
/ C# p% E  x$ z& L. M4 z2 k      calculatePosition();; a& j) \$ q/ I: d, G0 V6 H) ?
      if (document.all) {: U- J+ L6 p1 B9 a+ a8 j. Z% ~( F
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 z1 N% w# W$ B* o0 Z# j         document.all("supertext").style.top = yPos + document.body.scrollTop;
) h; u- q' {' \8 K9 X         }0 N  E( @& c" s$ K: k" N
      else if (document.layers) {
8 [& a$ Y/ _# W/ C         document.layers["supertext"].left = xPos + pageXOffset;7 X5 B! H0 z3 z+ C
         document.layers["supertext"].top = yPos + pageYOffset;
. ~& Y1 p- _+ Y( K         }# T1 I( n3 y5 U+ Z
      animatetext=setTimeout('moveBall()',20);8 V7 \% C* t4 o8 X/ S  A: ]
      }5 |3 d/ {" O7 g' l* k7 ]. M
   }% B+ a' W- `3 `& C( y/ _
* l9 a0 |% u3 K
function calculatePosition() {0 M( N, I( k2 g) ?6 o+ b
   if (xDir == "right") {: @0 W" o" s" _/ T! d, l, l
      if (xPos > (xMax - contentWidth - BallSpeed)) {* A+ A" r! {3 B* t+ i
         xDir = "left";
. P! _4 [* {0 L* E! o         }
6 C7 \( f: o! t, _      }
0 F! O: o. h! V* Q0 n7 p( t   else if (xDir == "left") {
# s" ?2 Q* r- i- h+ g8 B      if (xPos < (0 + BallSpeed)) {
) H+ h9 }4 o9 H/ V' H! s& b         xDir = "right";
$ @2 h/ Q; e% y9 t. h         }- _% J6 s4 o0 C
      }" w- |% R* K' a) [. x# ]
   if (yDir == "down") {
$ P! v7 E9 F0 ^- l- E1 g: t      if (yPos > (yMax - contentHeight - BallSpeed)) {
1 v7 ]9 p4 S3 w* P2 F         yDir = "up";1 j* o: l! u. O  r3 x( L+ J( v
         }/ P' V) t6 X0 e& T
      }4 t& W; @3 h/ Q0 j
   else if (yDir == "up") {
7 q7 O) L! j; z1 Y0 A+ i      if (yPos < (0 + BallSpeed)) {4 h- C/ p6 N5 f
         yDir = "down";
" ?2 Z1 _4 l6 ^# Y  H0 D# @- w         }0 @+ b/ V9 J) T5 @
      }
. x1 I, z4 ~6 O   if (xDir == "right") {8 t: H; p- i& ?- ?- M) t
      xPos = xPos + BallSpeed;& y) W& C3 c2 A8 D9 j
      }
4 |' |7 n4 h; ~1 q   else if (xDir == "left") {
3 x5 @- ^- ]! i# @. A% I( }' d      xPos = xPos - BallSpeed;
9 y6 F/ g) E: U- ]4 Z: B      }+ v+ ^" r. i, P5 r9 W& B! H
   else {! f7 e0 ~( g& B, s( e' ~) V3 b
      xPos = xPos;2 q5 ?. T$ N* d/ d( T1 k* X+ {
      }- u0 j  a; \- z+ v6 b. S1 g5 [3 y
   if (yDir == "down") {7 Q% \' G- {$ Q$ b" z
      yPos = yPos + BallSpeed;
; W" {, N0 [, S5 T& G* ^" A      }6 ^& C" r4 j7 X+ W. p6 ?
   else if (yDir == "up") {
( c" g7 n- g2 x; Q, S: T      yPos = yPos - BallSpeed;
% w) G8 ]4 e* k, c$ |      }
& @! u  C( k- j6 z   else {
0 I' L) B9 t7 i3 X, ~8 H1 ^      yPos = yPos;
% R& r- m& G( A: |/ P, Z! x      }& F. g, P# G( W$ q# e2 T. n
   }
  q) u3 H$ \3 N" H' g2 h5 H1 @+ g" X$ }1 A! v. @$ d0 o- |
function hidetext(){6 f% v: K  z( p, l
if (document.all)
9 b+ K4 U( u; O' A- z$ h0 ?, W  |supertext.style.visibility="hidden"
0 T6 O0 Q/ z" `% G" x- Qelse if (document.layers)
1 T1 p" i# Y* M( @, vdocument.supertext.visibility="hide"
/ j) [2 u: {4 l- r2 d) nclearTimeout(animatetext)0 t0 f  G% J! a5 A! y
}6 [' Z3 I6 f- H5 D+ e+ a
+ @9 a& \( K% A
if (document.all||document.layers){3 P1 K# a/ e! g# ], J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 Y$ h' |5 p2 Twindow.onload = initializeBall;
+ R8 [4 U; R1 j2 ?9 O# Pwindow.onresize = new Function("window.location.reload()");
6 @: W0 S3 v" B# I1 N}
% a# q! b" A8 R* m& B
: z8 ?( @4 O% _3 A2 o$ R</script>

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