返回列表 发帖

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

<style type="text/css">& R& J( k3 H( J
#supertext {
) T1 S/ N4 ]" a( }$ x( `position:absolute;
0 @8 X9 w7 X( \left:0;
) e* W2 s1 n+ Q$ |: w9 Mtop:0;
/ {' X0 L  X) _. h3 b" zvisibility:hide;) J. k; t) E% a% W4 I
visibility:hidden;8 l2 s8 f3 J1 V; R1 |, ^
}
9 g4 Z  s: E. S0 ?</style>; ]  e9 X( O$ x! A  L
<script language="JavaScript1.2">! K& x* G; ^' n
<!-- 改变下的字体的大小。颜色-->6 ]3 x9 L& ?6 Q. m5 j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'- h' y7 u3 q( f3 m2 X+ m5 X  K
var hidetimer='';
/ A$ S6 K; }, N: q<!-- 改变下的弹跳速度-->; ?* h, a5 n1 f- N7 h- e% {
var BallSpeed = 20;$ u9 w0 `1 q% U$ N
var contentWidth;
' |5 J) |9 ]( Z8 `9 i- V9 @6 Ivar contentHeight;! r) U7 O) ~2 [& E. {! x/ H
var maxBallSpeed = 50;
# z& f2 C" W+ n4 G1 E/ M" D1 y+ B- M5 a) N: ^

) t4 d" d, {$ d$ ?: xvar xMax;: A4 V' F4 }5 y
var yMax;
- `" _+ k5 z* U: N7 r# Cvar xPos = 0;7 `: ]8 c5 m6 F: Z: i
var yPos = 0;7 z  W* M0 |9 _$ j; Z- ^( r% c0 x
var xDir = 'right';$ Q0 e9 i1 |  s2 m
var yDir = 'down';+ n  g& K4 ]+ }( I! v& ~
var superballRunning = true;# e! P1 v# h1 L# F& L3 [
var tempBallSpeed;
0 x' W& }* f3 K: t0 m$ A. m9 o8 ivar currentBallSrc;
: |) D( _! r* F: zvar newXDir;
! ]" w# V8 G' n; n1 Pvar newYDir;
1 h1 p# R" ^8 H9 x4 i" h# _( U
) C/ n$ Z* y! F8 U5 }function initializeBall() {
+ z) ]! X' c% x" `1 p: r   if (document.all) {0 X- \: u. w4 m% D3 ]( l: |
      xMax = document.body.clientWidth
, j3 e9 @' ]$ r% U$ o4 t( r/ y3 c      yMax = document.body.clientHeight
7 k' W& U. H; n& N& }9 C& }7 T      document.all("supertext").style.visibility = "visible";
% g, h) n$ {/ o4 q4 n      contentWidth=supertext.offsetWidth
* q# t3 _+ k! k" I- H2 S      contentHeight=supertext.offsetHeight! g: a! H1 p6 }( \
      }
* D$ U1 g* J/ |  n   else if (document.layers) {5 j5 R  r* h( N2 f* ~
      xMax = window.innerWidth;
) c4 g! v9 U: A! v      yMax = window.innerHeight;
/ l  V/ |5 M5 z+ n! [      contentWidth=document.supertext.document.width
4 m# P! i* ^; Y: x# F      contentHeight=document.supertext.document.height; Y9 _) w. n/ i/ w& _$ m
      document.layers["supertext"].visibility = "show";
2 ~' G; G1 f, D      }
$ I# K' A9 [+ ~6 w   setTimeout('moveBall()',400);# ]: H& M4 s  t
   if (hidetimer!='')0 W) R& d5 p7 R5 |3 r" v
   setTimeout("hidetext()",hidetimer)2 {9 ]& Z7 i* D% Z) R7 J, X) x1 v
   }5 m% U; G+ H0 f5 d$ a5 R3 q
) o+ }, r7 O$ D
function moveBall() {" V4 I8 N# I" ]# ~% q
   if (superballRunning == true) {8 `/ T! x* }, d7 Y
      calculatePosition();$ D6 s5 t( C6 g. |5 L5 i  j! t
      if (document.all) {
( V. l0 `7 |  y( h         document.all("supertext").style.left = xPos + document.body.scrollLeft;; k# u8 T, f9 R9 e& v2 I$ X
         document.all("supertext").style.top = yPos + document.body.scrollTop;
  [+ K8 `+ }& `9 Y         }! ^; {; W' U' Z6 X! Z& o
      else if (document.layers) {
) @& w& |0 l! _& S; \) {         document.layers["supertext"].left = xPos + pageXOffset;9 K, q+ O+ k# V" m( z  D' t6 h
         document.layers["supertext"].top = yPos + pageYOffset;
/ K0 V5 ^( `4 G+ U2 z         }- l- [8 z8 w1 j# q
      animatetext=setTimeout('moveBall()',20);
+ E' f) F" n6 E& q1 t. R      }
# p# L2 c2 p( @! s' z/ q   }
) f! |( z- {4 m7 D4 w: @" \: w! E; b, m' Y" p- K. w% l0 q8 K
function calculatePosition() {
5 F/ V5 |5 T8 f1 A3 O0 m  ]8 u   if (xDir == "right") {9 x: x: y5 T. U( u
      if (xPos > (xMax - contentWidth - BallSpeed)) {/ L* `: O; D7 r' `, d
         xDir = "left";# v* U3 b. h! Y/ }+ `& g
         }6 \( X9 Q8 x+ X8 _
      }
% c# I9 \  X( _+ r   else if (xDir == "left") {
4 V, g3 i# c: X9 w8 S# x4 n      if (xPos < (0 + BallSpeed)) {
) t- L0 W1 a  u. _- h         xDir = "right";# P4 {( G) C& t$ P6 ~
         }
+ N% D8 L! o- i" d' U. @: F      }
9 {" }. n; j# \1 v- c$ l# S7 }   if (yDir == "down") {
' C0 M% A6 i, E- \# C2 S      if (yPos > (yMax - contentHeight - BallSpeed)) {
5 I( Z  h6 I6 p: W  u8 P5 Q7 R4 s. C         yDir = "up";& K) u1 J9 l( v! O
         }+ _7 Y- ^& x- q! r: F! z- o
      }( |* A3 v9 a/ }/ o! ~, V
   else if (yDir == "up") {7 x0 R7 ]4 l+ A8 B" s5 C3 r" `
      if (yPos < (0 + BallSpeed)) {) N3 F* G; @6 `) R: u7 O2 h! `
         yDir = "down";! t, O: _& t2 i
         }
9 h, d. [1 i) F  C; L3 w9 V      }; X( T1 R. J5 y9 N
   if (xDir == "right") {
4 F# E' o: d/ Y' o# O& @      xPos = xPos + BallSpeed;7 z6 z% \; _* g+ E
      }5 f: y7 X0 _& J+ F% A& ?  [# v
   else if (xDir == "left") {( c' c' I7 q+ a9 m7 X
      xPos = xPos - BallSpeed;
# g5 n% m. @7 E: ~. R      }
  h; M. j$ `, H5 L" C' X   else {
' _: E8 m6 v+ x" k3 O0 W      xPos = xPos;/ X' U9 |5 e& B" A' \  L) c2 E
      }/ q# Z7 v7 \1 x5 w6 i+ ]) U
   if (yDir == "down") {: o# Q, \) [( D- T/ V; o6 f3 d% T6 F" i
      yPos = yPos + BallSpeed;
+ S& a) o, P# A      }
& \: K  h- c/ e% g; M4 u' d% J   else if (yDir == "up") {. `7 X2 t% b) y
      yPos = yPos - BallSpeed;! B+ a' ]  q& j/ r: o# I8 l2 v
      }
2 l4 v0 ~7 B6 B& Z9 q% M6 O6 a6 }- `. b   else {
8 R0 \$ J, R6 L2 f, h      yPos = yPos;! W: v/ g( Q2 z
      }! U6 |7 @7 t; |$ T) K& Q
   }9 E* ?- d& j1 r+ E' X

3 k' m# Q' t, O! g0 `. nfunction hidetext(){
) e# |4 P5 i3 k/ tif (document.all)
. o+ k, H# m: z+ a9 isupertext.style.visibility="hidden"
+ V4 i. A0 D5 v1 e- gelse if (document.layers)
6 K6 f2 i2 L/ n; u+ k; T7 t$ e2 ddocument.supertext.visibility="hide": W1 w0 E8 a0 K0 O$ ]6 f& a
clearTimeout(animatetext)
5 U4 j0 [' E- X0 W/ ]& z# t}0 s+ t3 b. ?# i" Y

9 [  n  n: D5 J, Uif (document.all||document.layers){6 |. d: }, L, J9 d) X
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
5 O( N5 }& G, |4 b2 Q( d; ^% Pwindow.onload = initializeBall;% x, x) n7 O: r. c. S
window.onresize = new Function("window.location.reload()");
" \, U% D) O2 g. m$ g% n}
, B) n9 H+ P8 a
$ t# i0 e( \( D! Y; O4 |( o</script>

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