Board logo

标题: 网页之不断弹射的文字-特效 [打印本页]

作者: zw2004    时间: 2008-1-21 20:55     标题: 网页之不断弹射的文字-特效

<style type="text/css">1 @  [4 l; ^& g/ Q) J
#supertext {, q# X; k7 `: i& Z( N0 C
position:absolute;8 `- b4 W5 x  O, `1 o1 S' o! H
left:0;! N3 T+ l. |# D6 T# y9 O1 W- ]. y
top:0;
3 o' L: B0 z6 N% e4 M5 M% uvisibility:hide;
0 H2 Y7 G  Z4 T8 v0 d; Zvisibility:hidden;
' R  B' j0 c/ Z2 c. x& I}
9 ~, C6 o) r7 ?$ H+ g</style>
! B9 R( s& _* w% b/ V$ [8 f7 k. z<script language="JavaScript1.2">( ]- A" u8 X  U' H
<!-- 改变下的字体的大小。颜色-->
' ^: v/ y* ]9 y5 o0 D$ }; @  hvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
! H4 F- p7 D7 j" z) ]var hidetimer='';
/ E0 n; R7 P/ [7 E$ D<!-- 改变下的弹跳速度-->
- }' ~6 M1 }2 p; V! Pvar BallSpeed = 20;; ^6 j( g3 k; Z9 y; x/ g/ K
var contentWidth;! @9 A5 J3 h: d. b7 W$ C* g) F
var contentHeight;
1 x/ P9 k1 r+ d$ Nvar maxBallSpeed = 50;
0 ?' r' |$ V; b1 W. {! o
9 [# c5 w% _2 k& l; H$ e7 _6 C  B7 N( Y# u' z6 `" i5 J
var xMax;/ L( S/ b6 t, R5 ^' q  r7 W
var yMax;
% W, _. t# ~( T) X8 Y6 q4 ]var xPos = 0;
: S  {6 i' E5 A; ?var yPos = 0;
, X7 Y. ~5 J" Q% t* x& N* qvar xDir = 'right';
# a  C4 N8 ^9 v. d0 nvar yDir = 'down';/ l- T4 t: s. g* N
var superballRunning = true;, O/ t3 M# r( f6 y4 r+ `! [
var tempBallSpeed;1 u* P! ?# @: `9 @6 S
var currentBallSrc;$ [8 A: J. U3 Z; G7 ]9 [5 ?; g
var newXDir;$ x4 ?' Z$ f  c# T& Q$ H0 ^: I5 A) a
var newYDir;9 N, R5 U8 p. I. Z8 X1 }% k' H
4 z! Z: l+ U' Y
function initializeBall() {: a4 m7 L* X+ {1 ]
   if (document.all) {
8 f. p) j- u8 ^9 U1 Q      xMax = document.body.clientWidth
  f; |9 K2 j- w* i      yMax = document.body.clientHeight
: n7 j! Y/ [: q, R& s      document.all("supertext").style.visibility = "visible";
8 B. P2 F+ _" Z$ n. v3 p      contentWidth=supertext.offsetWidth
1 N' i. \$ r7 n$ W6 `( d. m      contentHeight=supertext.offsetHeight  r4 @2 b! ^7 V; s. U
      }
* U( [+ n' Z: T, ?: ]   else if (document.layers) {
. B* G) }1 k" z' t$ _      xMax = window.innerWidth;2 l9 s, d: _. k8 a& Y
      yMax = window.innerHeight;
" i5 L1 `; f' e% w! t  J      contentWidth=document.supertext.document.width
( W5 l6 V5 \) L2 ?% W      contentHeight=document.supertext.document.height$ e! g6 C% k9 V9 M) T- i4 M
      document.layers["supertext"].visibility = "show";
+ c9 H- B- B6 c      }' k. ^9 i8 g! G
   setTimeout('moveBall()',400);
+ s$ W2 X$ _( f' V   if (hidetimer!='')6 |) S; Z! a: e" p8 h8 N& e
   setTimeout("hidetext()",hidetimer)( B/ ]$ s8 i0 N: d
   }
% z7 ?& J! s) v+ T' b+ a) ~! r' e6 _% i1 c
function moveBall() {
( B) M- h* D  g   if (superballRunning == true) {
7 K' D) |+ B4 ~' w# g% I) A      calculatePosition();
! ^4 @1 m5 M6 C8 I/ u4 G& C3 h+ J* x      if (document.all) {, S3 D/ t9 {' l3 }
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. Y! r, M$ G, n0 z0 Y7 f( r         document.all("supertext").style.top = yPos + document.body.scrollTop;
7 z( Z" q7 T" }2 X- `3 m4 L3 c8 ~" Q         }3 R: i0 t  _- a1 t" B
      else if (document.layers) {
( r6 ?* z% x) Q+ [! d8 v" F$ E         document.layers["supertext"].left = xPos + pageXOffset;  U. Q2 S* s9 q0 z
         document.layers["supertext"].top = yPos + pageYOffset;
6 l* _- @, T6 o! @+ ]         }
; P3 G: i( y9 c. Y" v      animatetext=setTimeout('moveBall()',20);
5 ?( O$ d% x. [: P      }
" k* Q  h( l8 j- \0 M/ ~- [: x   }
* ?; s' F" w; Q! h' k/ R
% k  m# u6 }( s# |( }! c+ nfunction calculatePosition() {$ [: ?! ]% x; t- p
   if (xDir == "right") {
8 C0 D* y  n+ j& o6 `      if (xPos > (xMax - contentWidth - BallSpeed)) {5 @$ P1 ]0 l: _, n
         xDir = "left";% h& W. m" W" k, A" v
         }
+ F% w! A. w2 j6 W      }
5 u$ N  A! J2 Z- [   else if (xDir == "left") {
  q. q0 P+ }- }# X# ]' @/ ]5 G. D      if (xPos < (0 + BallSpeed)) {
) v, F) x3 V4 d9 u' g) |9 k         xDir = "right";$ e- u( V; e$ Z% I7 p2 ]/ Y8 w
         }
6 x! j2 A3 g4 R& `* B9 C3 I      }: P( B! U: g! B* G
   if (yDir == "down") {# G$ {& L" L$ ~& f# Y& z  c' b6 V
      if (yPos > (yMax - contentHeight - BallSpeed)) {; T6 I/ J1 x& ]# @5 v" ~# N, R. B, |
         yDir = "up";7 l& m0 j9 d% J6 b- y) J0 r# K
         }+ }- X& ]! |; y7 S( }1 k; b
      }
2 ?; H' ]7 P8 r# v  R0 X   else if (yDir == "up") {
! D+ e+ R! a3 f      if (yPos < (0 + BallSpeed)) {
+ V1 C5 Z  b( |2 j- d         yDir = "down";7 Y$ J) Q; {" _! K- N9 d  a. L% c
         }, N0 n7 V+ @- m, e6 R3 z$ I: o2 N
      }
. X. O# ^- l' F- Q7 d6 I& \9 J   if (xDir == "right") {, x2 m' v% O: |  u6 R5 T6 @' K
      xPos = xPos + BallSpeed;/ \* Q# q% f" b- Z: O
      }
& B( ?2 q! [& r8 J9 E  S* k( V   else if (xDir == "left") {
( l& _% u' g" B. r5 r      xPos = xPos - BallSpeed;, W$ F8 N; V# p. }3 R, d
      }! D" R# `$ g5 D! z) R5 B; c5 B
   else {
: P6 x) `0 ~* r0 }: }. {8 J. _      xPos = xPos;% {8 Q. x5 c$ d8 t4 D$ s
      }
- L  C; j& K. T  p1 A   if (yDir == "down") {
0 {& T- @# [: \) y4 s* b& v& |* K' n      yPos = yPos + BallSpeed;& @5 r" g6 ]( L
      }
" E3 w  C: G& A, b& ~5 Y2 c   else if (yDir == "up") {2 _, @- Y0 |) u7 ]
      yPos = yPos - BallSpeed;
) _9 K8 r! V5 F1 B      }
( A0 l/ ^$ V3 Z# C" W% b5 f   else {+ u/ C: _: T. l6 P' D
      yPos = yPos;# d- s3 A$ n( J% j+ K9 v
      }
/ `, {( b& {! ~/ k8 L8 \  F   }! q2 K* H9 |5 J$ R: Z9 S; P( A+ d" d
; S' X4 C- h! `7 F! h; C& i9 x: ~
function hidetext(){
3 z+ n; R! I& f8 Q* G4 L+ R' {if (document.all)9 z! f  Y: ?9 S, l+ f1 \
supertext.style.visibility="hidden"
/ \" Q* U# n4 @else if (document.layers); ?: @% ]5 [* _/ d1 Q) d1 N
document.supertext.visibility="hide"
3 h( }" T1 v4 q1 F4 @; }- BclearTimeout(animatetext)
/ ^8 D2 s/ }' b' c) P/ t}3 ~; W% i2 p  n* ]9 o
/ g, D; b5 k+ |0 h1 }  D
if (document.all||document.layers){
7 N! D) z5 r' S+ e1 |* n9 Z& Pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0 L- E# Z+ m# |) j1 r7 ywindow.onload = initializeBall;2 ^& M, h* A5 t, Y( i9 x* C
window.onresize = new Function("window.location.reload()");! y6 t, l+ E$ D) ?" `, N. z4 d/ b
}
/ E) i' N9 z! U- L" r3 j$ D6 K7 h' G; ~" K: ]$ o' g
</script>




欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2