返回列表 发帖

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

<style type="text/css">
$ G0 n) V- E7 s5 j2 E#supertext {
! J% {9 c- o" K* V. Iposition:absolute;
1 G4 y4 s: h1 O( t  {left:0;& k( S$ f6 m1 s# s" ], I* O  I
top:0;
: T% \( r0 ^! r6 @$ yvisibility:hide;2 _7 {( C8 C* N
visibility:hidden;
& c; B# [  D5 k% R  \}5 M: ]: E& \7 M
</style>5 h4 G& b' V8 b4 F1 q
<script language="JavaScript1.2">; X5 I9 D) p, J7 X# D- M. }+ j
<!-- 改变下的字体的大小。颜色-->  i" l4 _& o2 @1 `- U# n
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'! f! U8 J( q* s. T& X! a5 N
var hidetimer='';
4 f  E5 T5 n" _7 @: X+ i<!-- 改变下的弹跳速度-->" H: C+ {! f1 E! s3 M; q1 h
var BallSpeed = 20;  z: t$ H& {- a8 }2 W
var contentWidth;5 q* d: G% ?) ]4 ^- R- K
var contentHeight;
4 U4 ]# L! h1 a+ n0 rvar maxBallSpeed = 50;: G8 [* J% i* e+ D. b

+ z( P8 t3 w, u$ ~" p5 a4 x: n1 c- n8 ?
var xMax;
9 z" w' \8 D+ P1 `) M# w# C5 Ovar yMax;
. I- M* }# z; _var xPos = 0;
1 m  n: G* g* O8 y9 G3 jvar yPos = 0;( N6 e: L, T. @$ H& y, y
var xDir = 'right';
2 ^4 y( s) q! u: {9 }; `1 D) U! @var yDir = 'down';  C( Q- L. |. |0 g+ P0 i, c; w
var superballRunning = true;$ U& X2 r# L3 g
var tempBallSpeed;! e" |9 q" V7 i3 L9 Q) v
var currentBallSrc;, c, T  w7 A+ m% Y1 N& \3 d1 x
var newXDir;
- ^4 F/ w' V: d0 `var newYDir;
* y6 @4 a: g% l
" k; d+ h2 k" Q+ K2 A6 Jfunction initializeBall() {$ s7 H" @; k0 h' T
   if (document.all) {
( h% s- Z7 c; ]% o( I8 z  b      xMax = document.body.clientWidth
1 U; E- ?5 U2 a      yMax = document.body.clientHeight/ u& r* G" h9 P7 [" k
      document.all("supertext").style.visibility = "visible";( x; d! r6 c( q& c7 j8 _
      contentWidth=supertext.offsetWidth$ M  `) ]: a- F- ?. A! j! `
      contentHeight=supertext.offsetHeight
# R$ p& Z% s+ u& W" u! i" Y      }
( Y2 d- S$ Z/ h# y# F- l   else if (document.layers) {% D# g/ w: M( o8 J5 K9 C( \9 y2 o
      xMax = window.innerWidth;
8 D" m" ?5 ^# e7 J( w4 Z. ]      yMax = window.innerHeight;! P8 R& R7 W+ I1 G0 ^4 ?; z
      contentWidth=document.supertext.document.width
: O$ s( k8 q( }& t6 n- I, w2 o" N      contentHeight=document.supertext.document.height
% T  K' j  R1 }6 W. z. }' d. K2 Q      document.layers["supertext"].visibility = "show";' q3 `# i+ l0 v/ M
      }
/ a- ~. p/ ~9 D3 m' {. N: ~  D* u  X   setTimeout('moveBall()',400);$ V  O" @2 u4 v
   if (hidetimer!=''). n( t8 y' @6 J3 K' g# c) [
   setTimeout("hidetext()",hidetimer)7 k/ L* Y) j0 \, H# j$ K
   }
* u/ g' @6 I- r2 C9 o$ d: [
# L8 G+ c9 d1 E8 }3 afunction moveBall() {/ p; y) d; D# E2 V
   if (superballRunning == true) {
4 X* \  ]4 R8 D  F5 Q" _' K      calculatePosition();
3 c7 a) G2 Z/ ]' Z5 h- v      if (document.all) {
/ a* h) ?' v- Q, i0 ^* n6 o         document.all("supertext").style.left = xPos + document.body.scrollLeft;
# R$ }( p2 R6 _         document.all("supertext").style.top = yPos + document.body.scrollTop;! d! F8 I9 J) _+ j. V8 q
         }3 q( ~* b1 F: e1 I6 h% i
      else if (document.layers) {# J+ _; u% N4 b% [7 q$ i4 v
         document.layers["supertext"].left = xPos + pageXOffset;! H; V# n! J1 D) x# B
         document.layers["supertext"].top = yPos + pageYOffset;
. V% N8 Y: n( Y4 ?3 q5 G         }# A% B4 T* E: W: `  q
      animatetext=setTimeout('moveBall()',20);  L/ O4 n# e! A3 S1 [3 r
      }
' |! m3 I1 l9 u   }
8 T) v* Q; i5 @1 J' s9 y; B2 I" O* O) }1 f/ h' j7 w
function calculatePosition() {" M. u0 l: e; T; F8 s
   if (xDir == "right") {: W5 f' b" c$ K/ j$ u/ R
      if (xPos > (xMax - contentWidth - BallSpeed)) {
: x0 U* c' T7 S8 U/ ^  v2 p         xDir = "left";
* ]( }9 L$ L. ]$ ?. d( y         }) \* @' S0 F0 H! C# v. p  U4 ~
      }9 O# H: ?* r) R  R5 l3 S
   else if (xDir == "left") {
+ k0 l9 o- N) e2 `, y3 [      if (xPos < (0 + BallSpeed)) {! V; J# f) _, ~4 Z4 N
         xDir = "right";
- }, |4 @. T$ S0 E$ Q1 U' L         }
1 U' u5 Y) w6 t6 V      }
3 }' @$ S' s+ b6 G   if (yDir == "down") {8 Z2 m4 R. n9 o
      if (yPos > (yMax - contentHeight - BallSpeed)) {
9 K  I& N. V, {. E, f         yDir = "up";/ T/ \8 L5 b6 q5 ~4 j* M' f; Y
         }
2 F6 y# U% U  C      }/ ^5 t; N" n& `; p
   else if (yDir == "up") {8 M% ~, N* A6 B
      if (yPos < (0 + BallSpeed)) {
% R; z/ m$ X8 B+ Y$ c2 |         yDir = "down";
3 x) [3 G9 x/ i  S% x* ~, k         }
& h: [+ G% x) M      }
5 P, I, h  B% }  B! Z8 }1 b   if (xDir == "right") {: _" J% l  E3 I  ^/ ?
      xPos = xPos + BallSpeed;
8 }; `8 H1 V4 O; P2 m      }
6 f8 N6 b- a3 E& v! [   else if (xDir == "left") {; v8 m6 L) Y  Y$ I! l3 w! s7 s0 R
      xPos = xPos - BallSpeed;
, C6 D2 y, H9 O) U+ ?7 m1 d      }
( w, k9 G' `- y+ ]3 U" W- f& l   else {0 k1 e% A+ S! u
      xPos = xPos;
. Z+ i4 k8 Z$ G7 z/ B* o7 d" A      }
  C/ x. o, Z- |   if (yDir == "down") {* e+ ?# Y" n" S8 K) D& M
      yPos = yPos + BallSpeed;
& w2 S* Z) w" I. `      }
/ K# T/ T: y+ \) E9 g! F5 }3 K   else if (yDir == "up") {/ J+ i+ L8 a( _) X  n0 e8 c
      yPos = yPos - BallSpeed;$ r- S% h4 w5 L$ J9 X& x
      }0 }- w+ F2 _; n4 D) F* t  Z1 z
   else {& u& `. b+ ]' k$ N
      yPos = yPos;/ F; z4 ?! @1 z; Y& x
      }. `* c, g/ k1 t( ^
   }
" N; X' ~3 Z* d# U7 R
) A" e3 h1 N$ U& afunction hidetext(){
" S5 |! e3 F. c4 cif (document.all)$ J: n+ e$ _: D3 @( W
supertext.style.visibility="hidden"7 o* H7 l! i4 N& m; A+ L$ u
else if (document.layers), {, f- P- z. Y" \+ I; Q( r  }
document.supertext.visibility="hide"2 s/ Y$ g1 c7 b" O4 o& C0 x) W
clearTimeout(animatetext)
% G+ u" i  ?# r- K4 x/ c}0 }: i6 t$ e* |! I* @- c" M& b, n/ I, [& R
( g0 c4 l% d! p5 z
if (document.all||document.layers){5 D# ?  f# C+ T+ R. ^" v( m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
& Z  ?3 ~2 Q: g! l8 S; Nwindow.onload = initializeBall;# W! G) |$ A0 z$ j* h& O
window.onresize = new Function("window.location.reload()");
  B0 C' A4 z) Q# _! A0 G}
/ `- F0 B' `% N% H7 }! {; z9 z. D" b" Q6 M* u" x
</script>

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