返回列表 发帖

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

<style type="text/css">
! q/ @. A2 |1 }/ H#supertext {: O( T1 k" Q( m2 u. P+ Z
position:absolute;
: d) y, ]8 n1 o  \left:0;# C- x8 y9 K, R1 O
top:0;
* o+ p/ A. y* D6 Q$ k5 W: bvisibility:hide;
3 \9 }  T% K1 _2 B5 ?visibility:hidden;4 P7 V9 g7 c! J$ A, Y
}
# t4 H% T" `: W! Q* H</style>4 l) ?1 e' L" k/ Y* k
<script language="JavaScript1.2">
. |. C/ B  ~/ O( W+ D$ I<!-- 改变下的字体的大小。颜色-->9 C7 F% o( o/ @: s
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2 p4 N% A5 w: {) @2 N: d
var hidetimer='';
7 w  o+ [4 T6 N, O  V<!-- 改变下的弹跳速度-->
' g) N( [: P& v' L1 N, F" Tvar BallSpeed = 20;  \+ o5 s, M( r! |* v
var contentWidth;
4 b; C* U& m6 _( nvar contentHeight;- w6 ~: B) P' s- H
var maxBallSpeed = 50;/ ^4 f4 M" X3 b' j6 _: }$ p* C. @
# W  Z: X: n  X0 x/ _5 P' N4 A

% r6 a" E5 R* y) p& y! D* [var xMax;7 r( f. f4 r" B: w+ n$ }
var yMax;+ o' F% u. O; T+ p) g
var xPos = 0;
9 o1 p) c+ M) p9 ]7 v6 {2 J& d* Tvar yPos = 0;
) A2 {5 {3 X8 Yvar xDir = 'right';' g) [. ?  p$ I; H) f& p' v
var yDir = 'down';
, D' d6 q3 |2 T" I/ H: ~1 evar superballRunning = true;
, T8 e. u. i+ }+ \* e& _var tempBallSpeed;
3 I% H5 y; C1 ]: _' svar currentBallSrc;' q+ {9 Q% O4 z- F! k
var newXDir;0 A% W4 U( ]* S; v
var newYDir;
# Q, h' W! C% G# M' b! v9 g/ s& o9 g
function initializeBall() {
% M# u9 Y; s7 k# b3 h% R- w% ?   if (document.all) {; x" E4 _, V% ^+ g. K! S
      xMax = document.body.clientWidth
: G: w& [- x* D# u8 b8 q( ?      yMax = document.body.clientHeight
% V' \) p3 f+ }2 `* Z      document.all("supertext").style.visibility = "visible";8 T, v, |- e. N1 `
      contentWidth=supertext.offsetWidth
8 K# X8 a* T2 k8 M1 x1 }& G, c      contentHeight=supertext.offsetHeight* f- ~  T# I# m) T' f2 M7 P% k9 y
      }
& D6 E9 _2 o, \, X9 N& o   else if (document.layers) {
+ _4 Q$ d" j! Q# U: q' ?! R      xMax = window.innerWidth;
& ]5 @6 `! N' E7 o/ @      yMax = window.innerHeight;
3 o, \# n1 P7 v      contentWidth=document.supertext.document.width" |# K/ c6 E! u0 P
      contentHeight=document.supertext.document.height/ S5 n, I: h# o, p% p" ~+ x0 J
      document.layers["supertext"].visibility = "show";2 r6 `) B! X, Z% L) W2 q
      }* y% I% g- l7 _! k! d
   setTimeout('moveBall()',400);
" k: N" W- m3 ]   if (hidetimer!=''): M3 O+ p- v& R8 T) _- L
   setTimeout("hidetext()",hidetimer)/ B( v1 [2 N9 r) c$ q
   }) X+ _3 u, n( [& J) K+ d

: a; m& Z+ _8 A: X. b# `4 _$ j5 |function moveBall() {6 L& Z* H5 A. h: h" \3 H4 @% ~
   if (superballRunning == true) {; Q# o( M* X- _* H( @0 I! m% t
      calculatePosition();# H1 N. M. b3 o9 Z
      if (document.all) {$ G( m+ F* b: S8 X5 L) C( N6 ]0 {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;' K' j+ [3 I6 p# q9 J6 r7 c, H' B
         document.all("supertext").style.top = yPos + document.body.scrollTop;4 i6 i4 i( O$ t
         }1 Z0 i: a+ U4 j& B- ^+ C! g+ a7 P
      else if (document.layers) {
$ c. e. I' h8 i. H9 C$ D         document.layers["supertext"].left = xPos + pageXOffset;
7 b) v# V# \/ s         document.layers["supertext"].top = yPos + pageYOffset;: K: [9 X* z% H
         }" C3 S: `4 B+ Q
      animatetext=setTimeout('moveBall()',20);
$ c; @4 W/ J" _/ w7 Y      }0 A) d* A. X4 L$ @, U; U0 H
   }
  V2 |5 W- v- w. `. c- a
: U2 Y+ d  f6 F/ C5 [function calculatePosition() {
, X# Y; b& p/ \# B4 N: v   if (xDir == "right") {
& W, t9 a, J( Y+ F      if (xPos > (xMax - contentWidth - BallSpeed)) {
0 h: [+ [1 W& Y* M2 Z9 j# i; z         xDir = "left";
1 ?+ d' R- L1 q* J         }8 _9 s" N, v9 o3 E0 m
      }
) d4 D5 E8 y. j  W1 ~8 W- [5 J   else if (xDir == "left") {& b2 Z: [. d  J2 C! k
      if (xPos < (0 + BallSpeed)) {
1 e! c; z7 e2 \7 d6 E; b# _" A         xDir = "right";
* f+ s1 i9 {$ I5 F4 B$ y8 v         }
1 B" n4 F5 P  X8 G. k      }
5 a0 s4 y- ~" t) L   if (yDir == "down") {# M% z4 `  D4 W1 \& m+ [
      if (yPos > (yMax - contentHeight - BallSpeed)) {
, j/ {5 {/ g; f6 m; B$ [/ Q' Y         yDir = "up";
& r2 W- R8 H- {* J6 W         }
0 t5 x% M* j/ W0 B      }4 e( S  y1 ^8 }: h' C
   else if (yDir == "up") {! \% n5 f' s' e8 ~6 g9 F' d+ t
      if (yPos < (0 + BallSpeed)) {
4 \2 k3 i' Z+ C; e: c1 G         yDir = "down";+ H/ J' ?# R2 w: I# h' t) H' F
         }  H6 V! a5 Z5 p# `4 g- P4 U
      }7 x! k: ^5 @8 o3 d3 M; C4 ^- ]) D/ q
   if (xDir == "right") {
, a/ D$ e4 U) K' m3 {      xPos = xPos + BallSpeed;
+ S  R: d8 J) c1 Y0 r      }
9 D6 G% h; @/ Z2 a3 V4 F+ t   else if (xDir == "left") {
" c. u; i6 H& G) ?* U/ k1 u$ [      xPos = xPos - BallSpeed;( @9 C% T1 x! |3 D
      }
$ o: K7 F5 {9 V. [1 q; W- F2 T   else {
& t0 R9 c7 p; n! y7 z/ r9 x      xPos = xPos;4 a! s# h+ _# F# Y" R3 _
      }
  y/ ^7 _, }1 ?" M8 J7 J* X# H8 v6 ]   if (yDir == "down") {# S$ f- C8 p) @  x8 E7 ?- L4 s& d
      yPos = yPos + BallSpeed;. W3 l" e' M+ D& R# q& r
      }
: |  g) A' C% k0 G, Z" V( N0 ~- K- I   else if (yDir == "up") {" L6 k, ]! D( b4 F0 O: w2 G
      yPos = yPos - BallSpeed;' t3 {( J( R2 k
      }; H7 k+ a4 e$ u- d6 e, f* _' h- n
   else {7 _) \" [+ o7 N) X
      yPos = yPos;. e: o" \: t8 I# i( s$ H
      }9 |* ?5 X* s+ T( t* C
   }
* d  a9 a" ^4 x6 Q# [
1 g, i+ x' {: W2 @+ V, [function hidetext(){
7 `- N  i& A, O; P5 k4 Nif (document.all)
: N2 S& Y5 ~7 O$ d2 l( Rsupertext.style.visibility="hidden"
2 }+ u3 d2 {/ ?+ @% ielse if (document.layers)) o6 i9 W; y. C! x7 h
document.supertext.visibility="hide"' ?$ M4 y# {, {) j# \) p5 F
clearTimeout(animatetext)
& a5 s) U. E: R3 }/ ]# E}
% x0 n" L  Q4 |) c( g6 J) `
  l( J. a% L& _6 G  {if (document.all||document.layers){* }: w" K5 q# U$ o8 c$ P
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ |6 n3 ~; H& Q
window.onload = initializeBall;
$ @) K# }6 j! B& ?; jwindow.onresize = new Function("window.location.reload()");
% u4 H4 W3 c# A& [* k+ d}" I! {1 _& K  e% I$ i( @  I

7 [$ ?+ t5 J4 j2 E2 `" X</script>

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