返回列表 发帖

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

<style type="text/css">: R* T1 I. q% X  H  [
#supertext {
7 h2 H, u! I( c* a2 M+ c* `8 J" Wposition:absolute;
( A, `0 g) w) y& ]; W! mleft:0;
6 i( [5 e* J4 Mtop:0;
- u5 a" H/ O6 evisibility:hide;* ]/ P) B3 B& l- B& _' b: t1 x# J
visibility:hidden;  R$ q& u0 _6 j% P) g
}  e* e! s4 t  v1 d' N$ d
</style>  C6 e  _6 O1 _
<script language="JavaScript1.2">& w2 b: ~. E7 m* F
<!-- 改变下的字体的大小。颜色-->6 S% X( d/ N( n9 p6 T: X. O+ X- j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4 [  i3 p- e1 O+ N
var hidetimer='';
; M& q8 ^2 K: V9 L8 i5 \! `<!-- 改变下的弹跳速度-->
  \0 @' E3 U$ o( c, |; k' l# n0 pvar BallSpeed = 20;
0 c7 g9 I" c- f9 r+ O, e& Nvar contentWidth;8 |$ P& [+ x* O* L$ T
var contentHeight;2 U0 w& K" I) y, `' z) y
var maxBallSpeed = 50;: n/ U: H% H8 n, T: t4 u4 X
: Q( o$ m) M: K% L1 G# t

. \3 k' Y  i+ j0 ~6 P  m1 y  Zvar xMax;
; Y/ i- ]: E5 Y1 Hvar yMax;
/ V) F! p2 m* E- ^' fvar xPos = 0;
+ \8 Z8 p5 M8 V9 Mvar yPos = 0;7 [2 r; x% n+ T; h: _( n
var xDir = 'right';0 Q7 J7 x; Z! u; U' `' a% p9 Y' @
var yDir = 'down';
' l1 j. n1 T* s' @( {1 n2 Ovar superballRunning = true;
% g; T  z* S# g' y  \4 @var tempBallSpeed;$ B0 r8 @( [' @3 \! Z7 Y* i, s; C  S
var currentBallSrc;$ l( K! a& g2 j- B0 L
var newXDir;
4 |, ?3 b1 U! @" P6 a/ uvar newYDir;
& M# U2 v: h8 P9 h7 a: n  ~) x& f9 b  N  p* P% w0 ~" b1 ?  R
function initializeBall() {
% ~1 M/ t1 C  i' ?( [   if (document.all) {( _8 G" I2 ^, G! J; c5 f  o7 x
      xMax = document.body.clientWidth
( [% @7 ?/ p8 X4 W      yMax = document.body.clientHeight/ j5 m% B% S0 [+ x: I6 ~  P
      document.all("supertext").style.visibility = "visible";+ t0 J7 |! L6 }/ h' P) O
      contentWidth=supertext.offsetWidth* ^5 }! b6 j+ \' s) A
      contentHeight=supertext.offsetHeight
) \; d/ P$ y  u4 b9 P& X3 e6 C      }
/ [' J0 J& ?, |0 U5 J7 w- t   else if (document.layers) {: I8 k0 F3 k! h) E
      xMax = window.innerWidth;9 s9 F3 I7 l/ j0 L) R4 b
      yMax = window.innerHeight;
9 @0 o0 T" X% F0 t$ i! r$ Z/ o      contentWidth=document.supertext.document.width
( e9 ]0 ~# y& S1 U      contentHeight=document.supertext.document.height
& v8 x) E6 h* n      document.layers["supertext"].visibility = "show";
3 u' b( |; O' g5 K+ V0 f( J      }
% t: J' n. V0 |9 _1 d8 b   setTimeout('moveBall()',400);" d8 ^% M1 u+ n0 Q1 _6 X) [, }
   if (hidetimer!='')
, X2 j9 V7 X8 W: Q/ V   setTimeout("hidetext()",hidetimer)
* y% {4 R! v1 H+ y: u' {9 f6 m$ y   }$ F' m6 r7 u" s0 w1 {8 h8 B
; ~8 i- F  o9 F) Y
function moveBall() {, A4 K) C1 \; C9 b( E9 l
   if (superballRunning == true) {
  S' C# f' n( _1 k      calculatePosition();
2 Z7 o9 \* t- j3 k      if (document.all) {& L" B& L4 q1 s6 Y; h% D
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. b2 o) a$ i9 m2 r3 C* K* B+ y         document.all("supertext").style.top = yPos + document.body.scrollTop;
% o% h6 R, U0 Z  Z$ ]$ ]         }
5 o: }" T  A) C. T/ C; C% ]) z      else if (document.layers) {! V# o, n6 T" v# _
         document.layers["supertext"].left = xPos + pageXOffset;$ E2 K5 Y& x6 ^3 X% \
         document.layers["supertext"].top = yPos + pageYOffset;
4 d7 Z" n& l, O. w6 T% Q         }
5 M- Q5 d2 s% i3 v8 f      animatetext=setTimeout('moveBall()',20);% Z& r* O: \9 S) k
      }3 g  A8 E7 u( ], c
   }! F: a) n# M# ]9 F+ m
/ ?0 m' f2 |- J1 `7 N) Z8 }& ]
function calculatePosition() {; o$ C' V5 _2 F4 S& k' u5 m+ h
   if (xDir == "right") {" y; ~! l7 M& `
      if (xPos > (xMax - contentWidth - BallSpeed)) {' d8 C1 R/ s/ T$ s* j
         xDir = "left";2 O8 Z# i1 |; Y3 b* [$ W: U
         }
- d3 Y' x. C9 k, e5 U) U2 I      }
% R. O. Q- A, V+ z/ X2 A( n; C, D   else if (xDir == "left") {
* z( f3 }' F( K2 |3 R) }: W      if (xPos < (0 + BallSpeed)) {
, ^) M% I& n1 @3 K         xDir = "right";! J. o, q* \$ H
         }
, f% H8 c$ O5 A4 X9 j7 g) z      }
  L* R2 f* O4 ^; ~" Z5 V. E+ l   if (yDir == "down") {6 v, y! v. \& w; |& R( \: c
      if (yPos > (yMax - contentHeight - BallSpeed)) {
6 y- A, ^% n* ~% X6 V7 \         yDir = "up";. A0 t. Q3 `0 Z: m' A
         }
! v3 v7 A7 i2 a      }6 z9 h, u& Y6 G6 P9 z9 U5 ~
   else if (yDir == "up") {& x9 ~' q" l/ t( h9 E. U% y
      if (yPos < (0 + BallSpeed)) {) Y) g7 ]& ?; g$ _1 O
         yDir = "down";* S4 T0 |$ L$ ^, F
         }6 o" u+ X) H6 c- X
      }
+ v  ]/ w8 `7 `: Q& o   if (xDir == "right") {# b' R# s: [2 C9 B
      xPos = xPos + BallSpeed;- A1 t& E" H8 q' G2 n
      }+ K& v) L5 f0 \
   else if (xDir == "left") {
& I" `: S# `1 i+ i0 o6 \* c      xPos = xPos - BallSpeed;: j2 A6 a6 i" u2 M3 N3 d4 L
      }
; v4 q+ K, e/ E- a1 B2 h   else {
1 @! J. w1 N6 h+ \4 {1 Y      xPos = xPos;
$ `9 X  R- a: R2 _6 T1 N      }7 O5 e5 i* ~4 H" e9 l# ~6 I
   if (yDir == "down") {
. s1 {4 r5 E- M  Z0 ^% }. F      yPos = yPos + BallSpeed;' P: ?: D7 i( X4 }, A
      }
0 c' T* y$ r& h) T: b, D* _   else if (yDir == "up") {: }7 a" W& B/ s4 q, ?/ c
      yPos = yPos - BallSpeed;
0 l& i, |! g  p      }- J8 w" \2 O6 V0 N' ]; X
   else {8 I* w5 s8 |$ x0 M4 F
      yPos = yPos;( B- \8 E; t2 e- Y3 O
      }
6 r8 `2 s# J" ?% |# o2 q   }
+ [' n$ |+ j7 f
4 l3 {7 r8 G/ N$ `) Ifunction hidetext(){
* Y& _% V" v1 Bif (document.all); s9 x3 b! d; _3 M
supertext.style.visibility="hidden"
$ m: q' X9 L9 U# Gelse if (document.layers)( b. f; C' L( S( `! L# s
document.supertext.visibility="hide"- h7 E. K' d6 v" F( M
clearTimeout(animatetext)* t2 [0 f( l/ u8 H% {# d
}- I# H/ o7 t: m3 F: x& y
% e1 _* E- P3 Y* W' S! P
if (document.all||document.layers){7 w* d  v5 o% k5 k
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): [/ H: a3 K, [* ~. U
window.onload = initializeBall;% J7 N6 M& X: e: N2 _
window.onresize = new Function("window.location.reload()");6 ?1 \# u) [. J3 W, }
}
" A4 E1 Y1 W9 c/ m6 Z/ p- J/ y  @7 s8 ~8 y
</script>

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