Board logo

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

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

<style type="text/css">
0 |) k4 `0 g2 V* k+ U* J/ p/ F#supertext {
/ U1 `: `6 R  S3 ]% |7 P  @position:absolute;% x# a; N- ]/ k. i/ v
left:0;
, y+ h8 o! X" d- _; ~7 y% ttop:0;( x1 @0 E- \6 y2 E
visibility:hide;
& u: R! @" l! W# o- lvisibility:hidden;
0 C; d! c! {; q9 g}
! C) _" B. x: ?</style>
# w9 n& Y  T/ z3 x. p5 w' A: c<script language="JavaScript1.2">  |: d; L; R5 P. P; J9 @: Z
<!-- 改变下的字体的大小。颜色-->
/ p2 x  K6 |- k9 p0 P& j4 H" U* Vvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/ I4 `8 Z( T5 M2 kvar hidetimer='';1 r% ^0 I, P" X) G3 T
<!-- 改变下的弹跳速度-->
0 q2 c) }) T- U5 P& xvar BallSpeed = 20;7 M; ]  i6 B0 D) e0 I3 ]
var contentWidth;4 s! d$ }1 _. J5 a1 g6 P& @3 q; n
var contentHeight;
3 l, V1 R! T) {9 `! d) ?. Zvar maxBallSpeed = 50;
% E" V# R5 j5 A! s1 Z; \0 L" d7 p* G# A' Z

+ w& k: w: j/ cvar xMax;
) m  I/ K' d" s+ m, b- Tvar yMax;
3 K& h' N! W  |% @$ K2 |var xPos = 0;
, \6 c  @- P" Q$ E9 x# @( Dvar yPos = 0;6 q/ u9 ?- V+ W% B* f: D
var xDir = 'right';0 k& L, ^1 T! N
var yDir = 'down';$ z  a$ ]5 ^3 M' o2 C, H% E* S
var superballRunning = true;
) n* H( B$ B( M/ v5 q5 [; evar tempBallSpeed;
: t& |' W1 F! Svar currentBallSrc;3 f: e$ e" v$ m
var newXDir;
5 R& t" I7 i2 i4 \" d* Z& `var newYDir;
! [- T0 D) Y/ ^* m/ y9 }) w, I
; d, c# G7 t6 Y$ r( sfunction initializeBall() {
  `. I1 r- @% ]! b* [% d, b7 Q5 {   if (document.all) {) l) R. W8 V; {
      xMax = document.body.clientWidth
5 j4 J1 x6 ]2 f- b/ J      yMax = document.body.clientHeight: i, o2 @) s3 V
      document.all("supertext").style.visibility = "visible";  j; V4 u: v* S+ d
      contentWidth=supertext.offsetWidth4 j0 d8 K) |; r; C5 ~) _
      contentHeight=supertext.offsetHeight
+ e6 i% ?4 i9 E5 Y  M; t! p      }
0 W: a7 z5 z: S( @   else if (document.layers) {  Y6 u0 G2 C: ^+ H8 U2 l
      xMax = window.innerWidth;
6 B! F) m$ c: B* M, w: l, r, A      yMax = window.innerHeight;
3 w7 r1 S$ W9 f$ m2 P# ~      contentWidth=document.supertext.document.width
; h5 [: A$ g* ?' m% V      contentHeight=document.supertext.document.height! w: [+ u# {% p! e: F+ k: t
      document.layers["supertext"].visibility = "show";
  ]/ M4 y- j* w. D      }
. H8 ]5 W# l& ^3 E: ]5 d   setTimeout('moveBall()',400);5 q1 {4 \+ N* d& ^! B( d9 I7 X8 a
   if (hidetimer!='')/ x% z2 j+ |. c% m0 E: f! H+ l
   setTimeout("hidetext()",hidetimer)
0 q. |: R1 N( H. b% m( X8 s  n   }( G0 l  V" ~% H! X/ P& [

7 N+ {: {* r  {' y1 z+ x% ~function moveBall() {
, J  n, K  l0 t, T! [7 ]8 @( t   if (superballRunning == true) {$ J' @1 C9 I8 s" D0 I
      calculatePosition();
. ?2 l# m% K0 `7 [; p6 I5 Z      if (document.all) {
( f, A4 D! X; d/ R% ~4 g) {         document.all("supertext").style.left = xPos + document.body.scrollLeft;
. I) M  n+ l: M% \         document.all("supertext").style.top = yPos + document.body.scrollTop;
+ v- ]+ u( T/ O4 _8 }  K9 s: Z2 |5 E8 W5 f         }! l- i! J* I- y( i
      else if (document.layers) {) `; B, s6 n; a4 P  y% _  m' o4 l
         document.layers["supertext"].left = xPos + pageXOffset;
+ p- c! P9 v+ N& a! Q         document.layers["supertext"].top = yPos + pageYOffset;
( T) r3 b; T+ r( [% T. F         }
: e/ l- `' t3 Z& A( ~6 p      animatetext=setTimeout('moveBall()',20);
8 W+ d+ r" H8 o8 Y7 X      }/ \9 X7 W, \' r& V9 F
   }
( c, G: n- h; S- [, V- d% `. R
  ?7 m1 i& k6 K  ?: Wfunction calculatePosition() {  u# c* d8 z8 j
   if (xDir == "right") {" V; X3 P9 |/ Q2 X9 v
      if (xPos > (xMax - contentWidth - BallSpeed)) {
$ A/ G1 C& a2 q7 o         xDir = "left";7 L3 T* t6 }/ t: u' T, }
         }
1 K9 m# f7 z2 u2 D3 v      }/ d) ^2 ^3 Q! {: ~* p
   else if (xDir == "left") {& s5 w4 [4 e2 U2 `
      if (xPos < (0 + BallSpeed)) {: f# d/ T3 ?6 w1 D, J) ?
         xDir = "right";
9 V" Z) b0 E, n         }
. }. \! E# J4 i' S0 S# p8 k      }$ |, B+ ~4 ~' [7 c2 f
   if (yDir == "down") {9 q; p8 C, ~- Z, @
      if (yPos > (yMax - contentHeight - BallSpeed)) {2 v" F, Q) S7 n9 z; w* J
         yDir = "up";
- u( G  g( d  `" m. ?         }
! n( E/ S1 U* ~3 C9 y. r1 v  j$ Y      }2 l) X) G6 |! _
   else if (yDir == "up") {
& [1 r1 L- D, k9 P$ R4 O      if (yPos < (0 + BallSpeed)) {
5 |+ e0 j' Z3 A- i         yDir = "down";
4 D. G3 c! u' F0 e         }) S0 z  E- |9 k& i1 b
      }
* P/ I& I, V1 ?5 n   if (xDir == "right") {
2 q* k. Y: l2 B      xPos = xPos + BallSpeed;
/ \% r5 W% A# J; }, n      }; O  I' p- P) Q5 z( t! o* K
   else if (xDir == "left") {
" p, t. }6 Y# p# v+ P  K      xPos = xPos - BallSpeed;
& B% M: T/ L; v& B4 \; d      }% G& y* `; g7 \- T. r
   else {
" p9 z% I* [& n9 E( q      xPos = xPos;
7 M' ~- s8 ]1 G' Z2 D; o: c      }
& G) `0 }" P' R) c   if (yDir == "down") {2 b5 K/ c+ a6 P( D/ U( J. T
      yPos = yPos + BallSpeed;
3 b3 C" }6 r, U% r! A- H* W7 R. I7 z      }" s7 o$ K' h" Q: J. Q
   else if (yDir == "up") {8 D) y  A/ `+ Z& }( J
      yPos = yPos - BallSpeed;
. P% J; N. @# G8 S, m1 [. O      }
1 W. P4 q5 c# y2 H4 L. \; Y( ?* w. I   else {
0 \/ N  j* d* G      yPos = yPos;
  N8 ~- u5 e* {$ d. L( H      }
; U* m& B- F( c6 B6 `   }8 a( h) A6 x0 I2 {+ b
3 [6 X, Z. ?" u# B. g
function hidetext(){
# L+ B" m/ j# H  Y# nif (document.all)
: O3 c, P$ m9 M& A( F6 Esupertext.style.visibility="hidden"
8 @  I2 D) f: F! m3 Aelse if (document.layers)
( Q) D9 }- m& V) ]document.supertext.visibility="hide"5 M$ H9 F4 ]+ [, F; e9 E
clearTimeout(animatetext)  G2 e: H3 e/ U7 k
}$ E0 r8 ~) `( b# O3 P  A. [9 i

3 O& A) y+ \# |0 X  `/ vif (document.all||document.layers){
- i+ D3 ]( J9 b0 g, ddocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
3 C; ]# R" M1 k% fwindow.onload = initializeBall;
3 y4 b; Z9 W; K" O! mwindow.onresize = new Function("window.location.reload()");, N; I0 W: z1 t/ B& D
}
+ u( O2 N. r& W2 `9 B
# [: j- `4 p" Q' P7 S8 a</script>




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