返回列表 发帖

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

<style type="text/css">0 m# U. M- s& I/ G
#supertext {# @# e4 @; A; C, r
position:absolute;, E/ M( h  H9 t( M4 h% f4 K. D
left:0;
, ^2 i0 }! b! Y9 ntop:0;
  @9 W$ I) ?1 ?5 ]7 i3 _% t3 Yvisibility:hide;
/ n8 k1 H2 O* z" Svisibility:hidden;
& }& w. M& ^8 h6 h, _' u) }5 b}
' m& w9 @6 H4 q5 y" R0 P</style>' g# q! T" @# N
<script language="JavaScript1.2">
. G7 I7 x, {, W$ s<!-- 改变下的字体的大小。颜色-->
2 x6 r6 q! H, ]. b8 nvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9 j  M/ A0 G; A; n/ G& z- {
var hidetimer='';
* G" V7 W& V# S/ o" j<!-- 改变下的弹跳速度-->9 J9 X3 H6 T% ~# a1 l& T$ X
var BallSpeed = 20;
  e" X& f8 I" m( evar contentWidth;
. s! ^* N1 d, o2 Zvar contentHeight;
3 I' v; i9 \- M8 }0 k! @var maxBallSpeed = 50;
* a0 a# \3 J0 v2 h0 f
. n1 s. w/ S- j# R4 h% g4 B) M
9 H$ n! g1 X9 t9 F6 @; U% p& Lvar xMax;( A. [; b0 H( i  o9 Q/ v/ B9 i+ `
var yMax;
3 I/ B! l/ F: ?5 Z4 @var xPos = 0;
, s4 H- s5 {0 G% J9 `/ a* Y, Uvar yPos = 0;. n4 q9 n7 d) z) ~/ w' ~
var xDir = 'right';+ T1 ^4 }$ B2 I1 v2 a* B6 X2 P
var yDir = 'down';
7 N- s; [% g2 Q( i; X& Nvar superballRunning = true;
2 |6 s0 X5 V9 s) R1 uvar tempBallSpeed;' M7 n, X: C9 q* g) V; S: G" K
var currentBallSrc;
  V2 k" o: o! tvar newXDir;
) Z8 S3 j6 m% Fvar newYDir;3 f* z! H) X0 {* W! z1 Z
. ^2 e, A  Q+ y  ~5 ?( y, F4 c
function initializeBall() {$ A9 O& ?4 N( y4 v
   if (document.all) {0 a# n5 N. _: z, B9 [
      xMax = document.body.clientWidth
" {& W! [+ n$ x) v6 S      yMax = document.body.clientHeight
! \# f4 ^3 R, I      document.all("supertext").style.visibility = "visible";
+ ]" |+ h+ D1 n      contentWidth=supertext.offsetWidth0 |' z6 G3 q2 y" z3 t+ N
      contentHeight=supertext.offsetHeight% I) x8 |2 [2 i# s
      }1 K* M% {9 s+ h' s% q( A
   else if (document.layers) {
2 m2 J6 |, V1 O+ a( p      xMax = window.innerWidth;  t% d' F" m6 B; V
      yMax = window.innerHeight;
1 b) X4 |3 y! `$ d# b6 d" ^      contentWidth=document.supertext.document.width
. ~+ C" o# w# D+ }9 ]      contentHeight=document.supertext.document.height( U, `: O: A2 U9 G0 N" X
      document.layers["supertext"].visibility = "show";
4 ~1 ^5 D* b- w      }
# g* f  ^0 b" q3 W4 E   setTimeout('moveBall()',400);
' z& L' f7 n- N. f7 M% v   if (hidetimer!=''), O9 b& K3 D* R- s% `6 A. q
   setTimeout("hidetext()",hidetimer)0 E8 w2 p; }  Q6 l# r
   }! K7 M$ n0 J8 W$ ?5 H
2 c- U4 a' S/ Z3 f9 [* \8 ^, W
function moveBall() {4 k" ~; X* ]2 b3 C, T) W9 y8 o
   if (superballRunning == true) {
; r8 `+ |" ~) _" ^  D      calculatePosition();/ k' Y5 W$ ?" k3 e* K
      if (document.all) {
" W+ M/ i4 S3 x& e6 I         document.all("supertext").style.left = xPos + document.body.scrollLeft;
/ f8 d9 {* d7 _  `2 F         document.all("supertext").style.top = yPos + document.body.scrollTop;+ Q0 e: }1 L& T5 X
         }
( G, k- s: E4 q, }      else if (document.layers) {0 P% y* H; @. `) G0 F0 c7 O2 t
         document.layers["supertext"].left = xPos + pageXOffset;; G- s: `/ q- H$ @+ I6 y
         document.layers["supertext"].top = yPos + pageYOffset;% m5 ^0 l: y0 y+ P8 N
         }! z6 H# n4 k, K2 O# ?2 r( D, x
      animatetext=setTimeout('moveBall()',20);' \2 X8 {6 n. V7 [$ J4 C& Z
      }( Z# N4 y+ v+ c* }# d" x4 d
   }7 X  _% D+ g3 F* b  ]' v
( }  \7 H8 J3 y2 H6 `8 F# }" \0 m  g
function calculatePosition() {
4 p$ j" d) g3 U   if (xDir == "right") {& }" T# g0 {) I3 z" e9 e
      if (xPos > (xMax - contentWidth - BallSpeed)) {
" c+ w0 A0 J  O! x2 _9 h8 c! `; Q0 U         xDir = "left";
) F8 y7 @. \* v* Q3 w: ^         }& P7 S% _& c/ Q) i& _8 E
      }" N$ j# k' B5 m
   else if (xDir == "left") {- g6 B% x8 B6 }; D. `8 i* G2 }
      if (xPos < (0 + BallSpeed)) {
& Y( c! S( p: n' R& U& b         xDir = "right";
2 r0 H7 ]; N/ T; {  H         }" P" U' [5 z1 n$ L1 ^4 Q
      }
$ X# I( B9 V4 ]& F/ Q4 A' x   if (yDir == "down") {
! ?. R, x7 j. p4 q$ l% j      if (yPos > (yMax - contentHeight - BallSpeed)) {
! g4 W( ~+ V' b6 {3 O: d         yDir = "up";
$ V; m/ m$ V. m         }' n: \; P" B5 b3 @4 L# j2 e
      }
: v/ k7 P$ g. L* y( A   else if (yDir == "up") {
1 c- V' }) u2 y# Q: H- U! w* p+ s2 x      if (yPos < (0 + BallSpeed)) {
) o% h& C5 m8 R, i, F) R0 n1 s         yDir = "down";" ~3 O/ q: U( F0 U" p& ~+ u% e
         }4 S- C$ w, Y0 A8 d5 C, b
      }
% T' v9 C& R5 H3 K" v   if (xDir == "right") {
! _8 H; L7 \4 J' d$ ]0 r      xPos = xPos + BallSpeed;
8 E8 W5 ?6 H- E, P+ L& X! S2 A      }
0 Z9 e8 F  W% h4 B1 ]   else if (xDir == "left") {$ B$ n! c1 V8 u" g0 q
      xPos = xPos - BallSpeed;3 S1 _6 c: I: b! ~" _4 y7 }6 B# i
      }
2 e1 w  d% ^7 s9 }, P+ m   else {( I. E: i$ A, C% [. ?% q: ^
      xPos = xPos;* p+ }$ e8 G5 e
      }
0 x" F. F2 b+ s- O2 t* V% V. I" i   if (yDir == "down") {
* H( I* b: |" [( x$ ?# w( n      yPos = yPos + BallSpeed;- ~5 ~* c; j  |( G5 ?4 E" z9 f
      }
* v' m) ?! ?4 X- _1 \   else if (yDir == "up") {
9 k* Z8 n  o. r5 K6 Y2 h4 [# c5 \' h/ ?      yPos = yPos - BallSpeed;, w5 \/ q. D. t( d; M: v& M2 ^
      }% R# ~8 c( e+ K4 K2 _! E" O, r. p
   else {: J; N+ @& K5 k, u/ ~
      yPos = yPos;* k- O  s" X4 a; v0 G4 O
      }
, p$ `8 f4 p! [. A   }
/ M) f) ]0 F* w4 P# Y
2 p- y/ F& }6 |$ Q( ^function hidetext(){* ?& j- F1 x# ^6 A6 i. Q0 P
if (document.all)( S+ \" g% C/ [6 ]: G) L5 A
supertext.style.visibility="hidden"
2 l+ k3 D. c2 Z9 A6 t( G* q2 |: |2 belse if (document.layers)
; k/ R, w$ s: }% n9 _# w' ydocument.supertext.visibility="hide") v' I" x& y1 v
clearTimeout(animatetext)- @/ R+ B0 l; n  [5 r) g; [1 V0 K, [
}. S, O' Z& A: b  s

( j: X  z9 p. T. |5 E( Oif (document.all||document.layers){
7 L( x& ^+ \: Ydocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'), F& d( s# R% b- P) t+ ?# M" Z6 Z
window.onload = initializeBall;
) z4 [8 @- R, a* u- R  B: [window.onresize = new Function("window.location.reload()");) N- z- i- l* R, R0 m
}8 W8 X9 y2 S0 z

- T# v) ~# ?, r* T</script>

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