返回列表 发帖

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

<style type="text/css">; Y6 u) K" `, E  |8 a! E
#supertext {" E- L; x# @/ x5 g
position:absolute;
8 p, [* X) c; M+ g0 b2 {left:0;5 G) o) O/ v& g6 I. r
top:0;' ^4 N' ]6 a2 P( e, [7 K
visibility:hide;0 t* i, t' R7 e: Z
visibility:hidden;/ Y: w" T. i+ W2 i$ [% K) Z
}
  E/ `' N5 d* r8 Q' b</style>2 ~/ S3 M# U) T+ |- h0 [  E# h' q
<script language="JavaScript1.2">7 n) h# V. I8 }3 K
<!-- 改变下的字体的大小。颜色-->
) s; c; ]# W' O* |7 V3 F$ {$ G) p5 u) {var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 ?5 }& ~0 L4 I3 ovar hidetimer='';
- z+ Z8 b/ E& m% x% y: ]7 N<!-- 改变下的弹跳速度-->4 Y" M0 l# u) r+ |$ w! B
var BallSpeed = 20;0 l/ `0 L4 V9 y" D$ H
var contentWidth;& ^( ~9 w0 O$ i# r; l1 @, K
var contentHeight;
: R0 I4 W: a. Dvar maxBallSpeed = 50;4 R* P& v+ H8 P7 Z6 K. R( H
% B0 M* z: }- f4 x9 M  H6 e, s
1 h, g! S' V0 `2 {+ ^; V
var xMax;+ u5 l* b$ k: h" ]2 {
var yMax;
/ w& x! n* v& W/ H' fvar xPos = 0;8 C4 P( a  C# O) g
var yPos = 0;
+ z6 a. a! B. j$ evar xDir = 'right';" b: l+ [: n% ?0 u) D0 A6 m
var yDir = 'down';( a4 o) e/ z& c9 \2 ?* n( a$ V
var superballRunning = true;
6 o# x8 t) `, {7 a- Ovar tempBallSpeed;
2 h, _3 e8 A! w& l$ [% Z  Wvar currentBallSrc;) ^" q1 O5 \+ b8 h9 f4 @" ]; k# t: r
var newXDir;
0 w2 h; `0 w. ~* L* |5 Gvar newYDir;
* \. r' x0 v; O5 h2 r  S
* g$ V! L/ X* O' h1 ]0 E0 h) nfunction initializeBall() {, `/ c2 s( }5 g) R% b0 R
   if (document.all) {7 a, W3 `7 n) x
      xMax = document.body.clientWidth# Q$ P# v* R% v- s
      yMax = document.body.clientHeight
$ v0 E8 N5 _% c$ l0 H      document.all("supertext").style.visibility = "visible";( u2 {+ M9 Y8 L
      contentWidth=supertext.offsetWidth
" G& Z1 U* e. _8 V, k      contentHeight=supertext.offsetHeight
2 o$ n" i# d9 b7 @, ]8 v6 M      }! |# \$ e1 f1 ]9 `0 u! P. l4 d
   else if (document.layers) {
& F; O4 R3 k# C" Q# o      xMax = window.innerWidth;- J7 U) Q0 y: a  j
      yMax = window.innerHeight;" z: p, t8 U% n" N) f3 b
      contentWidth=document.supertext.document.width! i6 R1 z6 z- ~' J
      contentHeight=document.supertext.document.height1 B  `2 U* n- q
      document.layers["supertext"].visibility = "show";. h* v2 r5 W+ u2 F: L3 G: ?
      }% E8 P9 L# \. n# K- G* ~
   setTimeout('moveBall()',400);
2 g" w; y$ @# j; [- O+ \7 ]   if (hidetimer!='')4 |/ g/ w# N6 l2 B" x) l2 e( `
   setTimeout("hidetext()",hidetimer)* t" [0 y& J+ u$ x# Z8 D# `
   }6 v$ q( C( ~  O/ G2 S

- T3 T, _- E9 m5 o# Lfunction moveBall() {
+ H, l$ t* {3 y- j/ F8 _0 {   if (superballRunning == true) {/ P" R3 |* u0 K
      calculatePosition();; S* H; R# x) s; N% n7 P
      if (document.all) {
5 ^+ }0 M6 y( K, F5 H         document.all("supertext").style.left = xPos + document.body.scrollLeft;* y+ D% y! V9 b
         document.all("supertext").style.top = yPos + document.body.scrollTop;
6 h# X0 ~! x2 L% S         }0 `& p7 r( Y6 s% X2 d2 ?
      else if (document.layers) {
$ \$ ^/ Z  @3 h' y* W( n         document.layers["supertext"].left = xPos + pageXOffset;- ^- k" A6 f. Z, y
         document.layers["supertext"].top = yPos + pageYOffset;
& a7 X1 o( y3 _8 A         }# |% T( T+ J9 N; i5 A7 x7 P
      animatetext=setTimeout('moveBall()',20);
! R% W5 \" Z% j- d      }; D9 u. t! A8 u+ i
   }
1 h+ ^: b% O/ z. B# Q2 E9 C$ T8 g" Z' V8 G- }) c
function calculatePosition() {
* i6 k% m" T. q+ F. D4 A   if (xDir == "right") {
1 }' [/ \8 ?- G% ?      if (xPos > (xMax - contentWidth - BallSpeed)) {/ {. p6 X+ P" c/ V- e+ k3 Y$ H
         xDir = "left";
9 F/ Y' F! @' w2 Y; u         }
" W5 S; e5 v& Q      }$ p/ q$ Y& D) G2 O- j% E
   else if (xDir == "left") {8 V/ x2 q) e# u5 E( ^: j: b
      if (xPos < (0 + BallSpeed)) {! x" M/ M. n+ k4 B, i, @8 |' H
         xDir = "right";* v% K8 @  x  K. z# w& ?: a8 S! e
         }
3 g3 [- R4 d# Q5 c( l" @      }$ h8 Z: i9 m) [
   if (yDir == "down") {
" K" Y  g  C: D      if (yPos > (yMax - contentHeight - BallSpeed)) {
/ T$ l+ X& y- |         yDir = "up";. r8 h3 _) Q+ u- d0 _" U& {
         }
3 r. z6 \" O" C0 i      }
& c0 b, H$ N: Z* ^+ h, o   else if (yDir == "up") {
  V: D) n! r9 {6 C- e! p$ O! j      if (yPos < (0 + BallSpeed)) {
- [1 C% b' s2 D8 x: v3 H6 Z/ U6 T         yDir = "down";8 c; o9 L# E# S/ h# `9 ?; o7 P
         }7 D. Z3 R4 }! E8 @: Q
      }1 N+ z8 J1 F: ~# r2 D8 Y/ {
   if (xDir == "right") {
* G% Q6 J( D" m% Z) F      xPos = xPos + BallSpeed;/ h$ ^( }, ]1 l( @. r, I; x
      }
6 A0 N) C, B# T: L; A, A; w   else if (xDir == "left") {6 x( D$ I2 `) r7 H' ?0 x
      xPos = xPos - BallSpeed;
+ I3 S% [5 T$ U$ G) k' K( a      }
) L) [, N2 L+ ]8 u! S. y   else {. s, |! t& b" I) [% n' r! V
      xPos = xPos;
9 |5 h5 c- W3 X3 a  J      }) `* a4 d4 D- B
   if (yDir == "down") {
3 M4 E* [! F4 g0 d% P      yPos = yPos + BallSpeed;' @& `( i1 m1 _6 c" ~( h
      }. a# l  l$ q% h# F, T' j: W. R
   else if (yDir == "up") {
1 I, X+ Y& Y) f, b      yPos = yPos - BallSpeed;" I& D$ M% [/ h. i4 U: E$ L% T: r! v. G
      }+ w/ \+ z8 b3 r* a. ?* t5 ]  U
   else {
9 w9 X7 a) f* O. D" P' A$ r/ M' y      yPos = yPos;! B0 ?9 S; S; K4 ]7 R  Q
      }2 r( D% N5 Y: O
   }" a9 l: W; `3 P8 x3 {+ R
2 w( b8 G; N6 S
function hidetext(){
) l# x8 N# q( _: r6 g' h$ l" sif (document.all)% z- u6 ~9 Y% J
supertext.style.visibility="hidden"
; }4 t: l" ^8 J! C' S* _else if (document.layers)
' g. ?* N' X3 |! _  Rdocument.supertext.visibility="hide"
% c8 y& d* Z, `" t( ]8 S* p- xclearTimeout(animatetext)  ], r" i+ e" m1 Y! a  R
}
, k+ `% [2 u/ o5 D; a+ o( `5 U. \$ Y# S) I' ?3 A" v
if (document.all||document.layers){$ o* x  {( z" v
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4 g% Q+ e- j0 H2 q! L+ u2 L2 awindow.onload = initializeBall;
! |  O: b- M. t. O! l& \window.onresize = new Function("window.location.reload()");
1 M$ J: y6 l+ S' l& ^! _- Z}- w, O; J& L+ T9 ?' X5 ]2 S

7 ?) O+ k3 k2 W6 a</script>

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