返回列表 发帖

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

<style type="text/css">
+ p& {1 j; h( K  O" l! i#supertext {
6 r$ @) o! m# H. }position:absolute;' Q1 o5 z) W" v8 l6 {9 v
left:0;
! ^" x1 f, F8 e" C  \top:0;
& M1 }0 Y$ T4 D  xvisibility:hide;2 ^( m8 _2 F* Z" L" h; A& _
visibility:hidden;
1 {" u3 p0 B. U$ \' ~! B}8 N3 W# l2 s) N
</style>
+ O9 H" \  ?, n! S<script language="JavaScript1.2">8 i; Y8 Y6 o$ _" _$ v! \4 }, m
<!-- 改变下的字体的大小。颜色-->
0 s) d% H* Y. |3 m# u  o  Fvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'( T1 O, N, L+ x" s% s
var hidetimer='';
* d  e8 g! ~/ ]; x5 E% p<!-- 改变下的弹跳速度-->1 A' P1 O* b. F2 Z8 c$ D9 d' \$ }
var BallSpeed = 20;- {, I, n- s; C  x
var contentWidth;! d- g6 }2 H+ F, x9 x" @# F) C
var contentHeight;% }# U& Y6 P7 h% y7 m) r
var maxBallSpeed = 50;
: R+ g* m' f, v* K" V) e' |6 S5 H" m4 A, j
$ R% z+ c- U# T. n0 d' Z& w/ {9 a& ]1 f
var xMax;" p; B* U- ~% Y( _, r
var yMax;! ]- c2 o' P* n1 P
var xPos = 0;. G2 m- D. `7 N1 v0 g7 |, m1 L9 L
var yPos = 0;
3 y; p9 t6 E) e3 Y& }' T8 vvar xDir = 'right';
& d: l9 l( @/ ^* r( gvar yDir = 'down';" A+ ~2 K$ ]" x% S: L7 i2 y/ }  c
var superballRunning = true;
/ ]/ O" Z4 Z+ y0 m5 d! F4 _( xvar tempBallSpeed;( \1 w0 u1 q3 R  U9 F1 r; i
var currentBallSrc;, }; e+ }0 d" n! J7 R: j% |0 T  N
var newXDir;- S' ?% T, S: g4 y2 P8 J
var newYDir;) D* W6 w. j- y# y# U

- E! G5 z! ]7 |! lfunction initializeBall() {
' f$ H8 o. I6 H- j   if (document.all) {0 _* ^) i2 t9 e* w
      xMax = document.body.clientWidth/ x4 J' K7 r) s- ^
      yMax = document.body.clientHeight8 v& s; V" C# e. A. Z! c7 H
      document.all("supertext").style.visibility = "visible";
3 M1 k/ z; g1 j      contentWidth=supertext.offsetWidth8 H% m  F) U$ w" h) ]& K, {& k( ]. f
      contentHeight=supertext.offsetHeight5 F- ^) s* k. e0 a# A  L" p% }+ D
      }
3 N' s# F1 I! s# ~; T5 U3 R4 _2 g& m   else if (document.layers) {, R! L7 {9 {6 A4 N" Q
      xMax = window.innerWidth;- D3 `# v+ S) D+ C* A
      yMax = window.innerHeight;
% n" R- i; V1 J2 W' x% w      contentWidth=document.supertext.document.width) R) ?# e" y2 |. }4 r3 k8 Y
      contentHeight=document.supertext.document.height1 ^3 h2 G5 Q) J/ Z4 m: F) E* b
      document.layers["supertext"].visibility = "show";4 c& p1 l. l5 H! m3 \
      }
; K+ G5 M" B# Y5 X- Z1 t   setTimeout('moveBall()',400);
; ~. T3 z4 [+ W/ O8 J0 }. ]   if (hidetimer!='')
5 Q: E7 a$ Y" l- {. R% w% z   setTimeout("hidetext()",hidetimer)% ^* q. v& e/ G/ `3 o( K
   }
. W- A1 k1 |- C& o1 o3 s! O
" v0 z& ]. Q$ w3 t( E6 g' F! ffunction moveBall() {, {3 f5 F5 ~8 v) k
   if (superballRunning == true) {
6 ^) k% k, q5 G9 |. M      calculatePosition();
# [0 b2 g) F1 `/ w; S; G1 P      if (document.all) {
5 @# p* a9 F7 ~+ c5 q8 e* U, A         document.all("supertext").style.left = xPos + document.body.scrollLeft;
" _0 R5 ^  V0 B# J1 T; o         document.all("supertext").style.top = yPos + document.body.scrollTop;' ~$ p! n- B) ^5 T
         }
6 j, W! `( _5 {9 u/ f  P* m: W3 d      else if (document.layers) {8 I6 W7 t; e. B1 h! q
         document.layers["supertext"].left = xPos + pageXOffset;3 ?* ?: H# H9 z, ?* P& F$ l: }
         document.layers["supertext"].top = yPos + pageYOffset;
  \1 c! v" y% n2 C         }
+ U" A8 E5 E3 o& I, }6 J      animatetext=setTimeout('moveBall()',20);) w9 l9 q$ N, R
      }
2 b% x' H/ ?* \. _* w- P0 S   }
( S6 T5 \3 W2 n+ @' ?! Q. M( [, V1 }1 g8 D* `- c
function calculatePosition() {
4 A9 N2 N% g7 Y1 b   if (xDir == "right") {
7 }% {$ f5 j* ~( f/ O% u      if (xPos > (xMax - contentWidth - BallSpeed)) {) G% v5 i+ f& h" u
         xDir = "left";
* C9 X: e$ y. w+ F. D' k8 z% O         }/ R* I6 ^2 u$ R6 u+ N- ^
      }/ _5 N! z  Q! t9 X" l
   else if (xDir == "left") {
, @3 `6 }% m! W      if (xPos < (0 + BallSpeed)) {
4 |) L3 a8 n' r; q, w         xDir = "right";2 ~1 S3 @2 R9 ?* M
         }
' z5 p0 d) j) V/ R4 y$ {5 a      }9 N& `; O% H, S* b% m/ {) i, ^
   if (yDir == "down") {5 T# y% P! j6 S* Q6 d
      if (yPos > (yMax - contentHeight - BallSpeed)) {' |- ?6 {+ b+ ?. U$ o' @7 N9 l
         yDir = "up";. v$ X& Y( ?. d$ V8 Z, `- c) t6 `
         }
; U! i3 j' D; g% @) i8 C! i      }
$ f1 M" {2 w7 g2 a+ K   else if (yDir == "up") {
3 E+ W/ U" p  z3 J0 e      if (yPos < (0 + BallSpeed)) {/ U' t7 e# ?& ?- Y3 f7 _6 C
         yDir = "down";  |) w- ~6 O0 e# U+ r% Z
         }
$ E+ D, z0 a9 ?7 Y0 ?1 k      }
% J9 y1 `% x/ I6 h: Z5 v+ D   if (xDir == "right") {; K0 U, Y  O2 N, \8 ?- p. \9 t  o
      xPos = xPos + BallSpeed;
6 u! m% N- ^& p6 g7 j      }% C% D: _4 c) A
   else if (xDir == "left") {! T. K! |( y1 p& p! z* j* N: q
      xPos = xPos - BallSpeed;
- {2 L7 k/ V6 W      }4 P* ?, m( v: p  [
   else {$ u( f7 m$ R  a! G2 ~- Q8 ~" u
      xPos = xPos;
( G) U. @# `/ C8 X0 h: U0 E      }" A. q  j; I) D; J0 s# D" m
   if (yDir == "down") {
9 H6 m& u% P0 u) ]6 B% \' j      yPos = yPos + BallSpeed;
+ o" E5 ]4 G3 Y" x& Z' t/ L' C      }* I; y" w! d+ I! X6 x' s
   else if (yDir == "up") {
$ ?8 M1 f6 y: C# o      yPos = yPos - BallSpeed;
  i: {4 n7 l1 _/ ?4 B) x4 R9 d7 r- f      }
& M1 D1 u# {( A, T* [! V4 e   else {2 m/ O3 H0 N$ z. I
      yPos = yPos;
7 y' r% P5 i2 _% V      }' _; d- @7 t! D9 b3 [
   }
3 F6 }3 X) K. u7 ?( a' m  t3 X: y0 P$ x3 ^- C7 t
function hidetext(){
+ @: D) p/ n& S7 [% e1 F+ v8 ]if (document.all)/ }6 u1 Z2 A4 a
supertext.style.visibility="hidden"2 ?' q; |( I' X  F. C
else if (document.layers)
- O; b) u- j$ N& R- _; zdocument.supertext.visibility="hide"/ o0 ]3 }  _6 y  ]" b. [# U2 a4 T- F8 a
clearTimeout(animatetext), [; c  ]! Z1 C& V8 [: C* [. w( C
}* u0 J) r2 ^! V: z+ f( k
, S) E; p7 j0 R; H. V8 M
if (document.all||document.layers){- x/ v2 O  I1 \" C5 c) [( s
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ H8 k  T. J7 a1 e
window.onload = initializeBall;5 f* S2 I) i1 Q/ ]$ t
window.onresize = new Function("window.location.reload()");
9 Z4 x# v9 q" l}8 o7 f; N: }. ]9 [

2 U6 e& x! e  u9 o</script>

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