返回列表 发帖

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

<style type="text/css">6 J* n9 f" w+ `+ Q4 B0 h+ h- x
#supertext {# v: ^. k! z( `% Q& j" `
position:absolute;
8 w/ h/ o. J% i' }left:0;
& y, q3 _  ?; r: q3 l* atop:0;8 o0 H- r* T. D5 u4 w# _
visibility:hide;
' p/ S- M# [6 m, T) V7 o6 jvisibility:hidden;( o- O: B7 C; w; Z. W6 e( `
}
8 }0 \' d2 B3 o) S* C5 z</style>! P6 H$ ?" R7 u0 M  b) a
<script language="JavaScript1.2">
3 l) L6 u9 T+ N8 d1 B<!-- 改变下的字体的大小。颜色-->% R6 T) ]# H  M! \0 d" E: T
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; E: j  i0 q  \. H2 k# G# Y! r
var hidetimer='';' k& K$ C$ T3 J5 Z& \* \' T% ~
<!-- 改变下的弹跳速度-->1 h$ f7 J1 V5 }9 W7 H- Y4 t& u: D
var BallSpeed = 20;! ]! ~* M+ G/ v2 [
var contentWidth;
3 a  ?% d; V6 d$ n& i$ Vvar contentHeight;: d6 K. e. x9 i, d2 ?; e. ?
var maxBallSpeed = 50;
9 }- |, E7 `9 U4 Y6 }
# h0 F! U6 M3 S! k2 |. }3 W. Q7 W6 j8 l8 r' H/ B! y
var xMax;
' Z4 `5 `: p! s+ J( r3 B" g: X2 }var yMax;
* J2 S4 i$ m" {, X4 o  k! Y  F- lvar xPos = 0;
3 Z/ o/ Y( h7 cvar yPos = 0;$ `( S% M3 G  q* j; p% T" Y
var xDir = 'right';/ s2 H  D5 H. Z* t
var yDir = 'down';$ V2 p  M- w2 H$ i8 s( B
var superballRunning = true;
6 I2 x! L$ p2 s& r3 Z+ `5 N3 yvar tempBallSpeed;
( Z: m; H# C) v1 W& W' p0 ~* X% Tvar currentBallSrc;
. h; q8 F  |% L. kvar newXDir;
; [8 u* \+ j- }2 X) B& W# Lvar newYDir;
7 P) p$ \3 a" ~' V5 o; _$ j: `) m# [! b5 t+ e
function initializeBall() {3 |, {( {" D; O; t% H
   if (document.all) {' t( m1 u  _+ E) q" Y, |
      xMax = document.body.clientWidth6 F. d0 Q& c( D$ X' l
      yMax = document.body.clientHeight3 U+ |1 Y& d6 ^
      document.all("supertext").style.visibility = "visible";
# I% w7 c% f# p% V( e      contentWidth=supertext.offsetWidth% y. G8 q( o" H! G. \/ u2 V
      contentHeight=supertext.offsetHeight
* e5 ]/ e3 d; k5 X8 P      }
$ J' X" ~3 M! u1 q; t! |   else if (document.layers) {
. v, u5 H3 G7 R5 `      xMax = window.innerWidth;
7 Y0 `3 B+ u9 D/ I: o/ k2 l, |3 B      yMax = window.innerHeight;
4 D9 w/ c" N* S2 |      contentWidth=document.supertext.document.width
( o& }2 x: S4 b) Z/ a8 R      contentHeight=document.supertext.document.height
- s* d  G7 S! ]. A" C2 {      document.layers["supertext"].visibility = "show";6 |7 p- V5 N0 C0 r2 e
      }
: ]' g2 y( C! T# @& _3 h/ }4 h# \   setTimeout('moveBall()',400);% X& j1 Y, r4 {9 w9 _
   if (hidetimer!='')
5 E1 o1 g4 D# q   setTimeout("hidetext()",hidetimer), u6 I  H8 l( e8 T
   }
$ r' @1 @* s" S% m
9 G6 {+ D0 X* p% f( i  e5 xfunction moveBall() {
( m  ]; O' p: [   if (superballRunning == true) {1 W2 f& l  m  Q$ u% F" }
      calculatePosition();
7 b/ h! @$ h0 k      if (document.all) {: _0 `5 }0 D2 u- M
         document.all("supertext").style.left = xPos + document.body.scrollLeft;1 L# g9 W  r+ H$ Y- l4 s
         document.all("supertext").style.top = yPos + document.body.scrollTop;
: x9 L1 H  w8 t+ L         }
6 C& x# M5 V/ `/ l      else if (document.layers) {
. C. f6 c- ]0 u$ R* Y! L         document.layers["supertext"].left = xPos + pageXOffset;& D- }0 [* ?1 c
         document.layers["supertext"].top = yPos + pageYOffset;
5 _; g: M* z1 M& U+ ~, S# x  U         }  }: L3 {8 q& t: U& ~
      animatetext=setTimeout('moveBall()',20);
/ e/ h+ \9 N7 C  z9 e      }# F% I6 L% ]( i% M6 \$ P8 w$ j3 M+ W( h
   }
9 j$ x+ b8 ^7 ]( g7 j. [
0 @8 K0 n) E3 |$ J/ {function calculatePosition() {
4 h; \- O8 o5 [7 u7 W+ s0 Z) Q   if (xDir == "right") {
  _& T* e* W; W9 `! g% u7 k% ^! V      if (xPos > (xMax - contentWidth - BallSpeed)) {. T5 d3 F$ A  s+ }( |$ M1 P, u
         xDir = "left";/ P7 P+ I9 z" O9 C' l8 C
         }/ d) e  X# P& k; e+ w+ S- D4 Q
      }3 ^4 e# u) o: s8 t. t) s, a8 H
   else if (xDir == "left") {
6 U$ M: S1 \* \' t      if (xPos < (0 + BallSpeed)) {$ @! T, Y2 B6 Z6 @
         xDir = "right";* L+ W) O- ]' |4 ~  n7 p
         }& o: u. Y2 N4 h$ t9 x
      }
9 }% _5 @. O. \   if (yDir == "down") {
" }- H; S) F' F5 P; |. ^- j      if (yPos > (yMax - contentHeight - BallSpeed)) {4 `* }5 V/ P( U( R
         yDir = "up";
) q+ x" P( N% E+ t         }# m% [$ w* a$ G: b6 r% ]8 l3 j1 c
      }, X  N% f" I) ^8 o: `& j
   else if (yDir == "up") {& g% T  A7 ?* C8 R& i
      if (yPos < (0 + BallSpeed)) {
, _8 I- i$ [$ _; b, Z% c         yDir = "down";' L4 ^6 x, H! S5 m7 Z! x9 d
         }
* D& s% l$ {1 F) {      }$ f' m' V' U' B: @! p
   if (xDir == "right") {
/ w4 j& s! _+ a% a8 t  Q& [& W9 i1 Z/ [      xPos = xPos + BallSpeed;- `% _. Y7 h; |7 b4 Z4 t) A; M
      }4 I. X! F8 @2 t, P. s. c  d$ ^; J
   else if (xDir == "left") {4 F# p$ H9 k7 T
      xPos = xPos - BallSpeed;
5 ]% o/ W% {1 U, X! t      }9 \  [' k; G, H; k, c; e% v
   else {
9 P' {6 ?, m" P- g      xPos = xPos;
% }0 [; D5 ]) E1 K      }, [: r$ y* z0 `! }/ ~
   if (yDir == "down") {6 T  Z  J; _  y3 A+ H' M
      yPos = yPos + BallSpeed;* a* a$ `, h* u8 r
      }! P. E/ f/ J& `! T
   else if (yDir == "up") {6 U3 J( o5 a6 N7 ]* U
      yPos = yPos - BallSpeed;) k  f$ Y4 `- k; V3 @
      }
) z+ r1 Z1 ?: N, f& L# b   else {
( y8 \/ q6 B4 ^% X      yPos = yPos;
# _8 y4 u, x: p5 O, n" X: T3 Y      }
7 e* G9 a+ R' W* ?0 }4 [   }
/ `' M* ^4 V7 W8 P8 Y: C9 ?7 n" }  k. G  d+ o
function hidetext(){
! w) v- q0 ]& E6 ]9 X) v0 Sif (document.all)
1 X5 t  I# A4 T2 `supertext.style.visibility="hidden"
. ~$ o' I2 }) |& Ielse if (document.layers)
7 s+ J+ E/ k6 l% Zdocument.supertext.visibility="hide"; F7 C0 U" A& e
clearTimeout(animatetext)  Q6 t* `* i) @( O! r1 T
}
* s; X% x3 `, l
3 s7 W7 S9 l1 O$ p% ^+ e; kif (document.all||document.layers){5 D3 I: k# x. u! y& t4 d6 O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3 \% R+ S3 [' T, K3 i
window.onload = initializeBall;
* g& f; |9 u# V6 Z$ l) E' vwindow.onresize = new Function("window.location.reload()");
7 o3 }  O! ?- e2 o) y}
7 l0 R% A/ i8 c% G, Y- e/ i: c+ s5 }8 P
</script>

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