捌玖网络工作室 » 网页编程 » 网页之不断弹射的文字-特效

zw2004 发表于 2008-1-21 20:55

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

<style type="text/css">
{@ v7Btv4^z
#supertext {kHd/Kw#vA
position:absolute;8G)xk6S!TW+C
left:0;3hM2r8}e
ojDY
top:0;
;^9O%\9OW.R0W/Uh1V visibility:hide;
(di
]8B/MGdJ Hr visibility:hidden;7s c!H ~(\I/^u
}7is)j#^-^/Aj9`
</style>
:Jw6p'k F/i <script language="JavaScript1.2">
v*@gyO <!-- 改变下的字体的大小。颜色--> P5`D1^R/Vq0n2L
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'Rwm T2k%o:af7m
var hidetimer='';
R|_ gK <!-- 改变下的弹跳速度-->k@X4Kg-hb2H
var BallSpeed = 20;X#_"BW7`_U
var contentWidth;
+b^6A \-X!zB)`$M
SJ:M var contentHeight;
A@J9[ Bm5nz var maxBallSpeed = 50;*O;wpH }3m#y,C0Vs'E

7uv-et3J aQ
by!v+} J*k.V1n var xMax;
6^FY7@D,N var yMax;
Om~8m|l var xPos = 0;
4tU6c8T(AYI var yPos = 0;
2Y!H J"S{S var xDir = 'right';
?9R5Hj+a%U$z var yDir = 'down';
NC*S%Cs.Y/B0r+b var superballRunning = true;cCS'ytX$L0_8qf5nd$P%{
var tempBallSpeed;#g$q_)E$|
var currentBallSrc;
0zx;q;X(z.|P!Y var newXDir;
"d6O,`Ff var newYDir;
E*eG\z,}~%{} ;_7b
pK-Vj\
function initializeBall() {
:s_9^:D us"Gi/X    if (document.all) {
,M'zh-{9B%w       xMax = document.body.clientWidth
(k[s)r%\v}       yMax = document.body.clientHeight1F2j.G%Nf$u]w
      document.all("supertext").style.visibility = "visible";
&s6b7Q[,p7K,Eh5lpu       contentWidth=supertext.offsetWidth1x.uzz6[6V0wVd|
      contentHeight=supertext.offsetHeight~HMI"mI
      }

f5~H%m1ayLi2D    else if (document.layers) {b Z)j0uP
      xMax = window.innerWidth;
*x}1z\ Uobc       yMax = window.innerHeight;
9B]&_v*E&v       contentWidth=document.supertext.document.width
R1UH@4j@s*G+dR       contentHeight=document.supertext.document.height
.].N"S] H A       document.layers["supertext"].visibility = "show";
uj.h)S(F#^+h/f5qe       }
a5v2O M;Hg#oP    setTimeout('moveBall()',400);"R3A0\
X"q6o QDD
   if (hidetimer!='')
G;O3n!Q(G7L    setTimeout("hidetext()",hidetimer)a8ct+D8v3J"R
X? ]
   }+M;O6v"SN`f#]M"u2A
(T3X'f dKH Tk
B
function moveBall() {"z3^B*AEo7CFyy
   if (superballRunning == true) {|iKk+zq-_:J
      calculatePosition();
,uI+|'L-}kr6A
K       if (document.all) {
W4P&D eLl*KB          document.all("supertext").style.left = xPos + document.body.scrollLeft;8T$fCRT
         document.all("supertext").style.top = yPos + document.body.scrollTop;
p.C}+i[2u$P0Fp          }
4rV4F2dH;f*C W       else if (document.layers) {
(@5i/}2USn          document.layers["supertext"].left = xPos + pageXOffset;+Ju h+S)\p
         document.layers["supertext"].top = yPos + pageYOffset;HuF5g/r]
         }
VY7b'Sn6D       animatetext=setTimeout('moveBall()',20);_4XW.q&w(uz!B
      }Kn#nL*a%i8`$cW
   }
Q%KIVA$a a0Cgw(C
p!v
function calculatePosition() {
4? L mr%RjoJ8ZnF    if (xDir == "right") {
!\/C3j%Nq]4Z flO       if (xPos > (xMax - contentWidth - BallSpeed)) {
g4Gb+Ms2a+Q^          xDir = "left";
;f KE#{9w5CqF          }J:R3P5^#gN [1SH/j
      }
U]I!l%nO*l3D%r    else if (xDir == "left") { W(Ii4r+K;i+ot b^ E'^F
      if (xPos < (0 + BallSpeed)) {
.u%[c1ugP.\J,]3g1f          xDir = "right";
$S
|sDK*u          }6qFVM{Mt7r d
      }'og4wdS,K Z
   if (yDir == "down") {/p
I3u Q$k.k
      if (yPos > (yMax - contentHeight - BallSpeed)) {/qJ!p-I-tyL|
         yDir = "up";$N4cc0u:x(D:u
         }
l0SLz \F[       }+m%[y1k9zaQ0_&r0C
   else if (yDir == "up") {.MCd7LMaa
      if (yPos < (0 + BallSpeed)) {
!||;Pv xk)g-Q6e          yDir = "down"; PGQ1UGQ!G\ a"s;v
         }
%PQ:S1{:a8x       }
8Hv
n
A"T Yb    if (xDir == "right") {x4X ] U6a9b Zi
      xPos = xPos + BallSpeed;
9v&gNh'M.]*Ud1_       }JcMcS(hh^2Z_9n
   else if (xDir == "left") {%b-d^.O*i0g i&oQx8g
      xPos = xPos - BallSpeed;
1P j"c[8l
`f}O       } {.~*z8u jvb;~"RxOJJ
   else {E_ o,{:` | T c
      xPos = xPos;T\(Vkl+S
      }
(Lj'\2T/f:Y%Y'PC^    if (yDir == "down") {G%N VDL/@ ?x
      yPos = yPos + BallSpeed;yB@&V \&C3M3r-WM
      } PUB mzY$|
   else if (yDir == "up") { u1KqR7M^W
      yPos = yPos - BallSpeed;
6r'B.]!G%LS       } lnJ4w!C!KZ
   else {
#E9NI1Q0M       yPos = yPos;
*@ OPO!DR*X       }{l5d6`&w/x
   }0U&\d-m(U%peA
T&C{kaE@0O
function hidetext(){N(d7` ALR?[k
if (document.all)
x4NK5Z e1q
supertext.style.visibility="hidden"5Si%rA9O']
else if (document.layers)
9wx*n2@y%GW;^:` document.supertext.visibility="hide"2|+YP?i\0Bt1Ntf
clearTimeout(animatetext)!K"F U;J:S'^6Gi
}Q0h ^ `7YR E

vO
~.{h} if (document.all||document.layers){
5H)[!Vw6z"T#_!P document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
V/R9\tQY window.onload = initializeBall;"e-|
SzDM;u
window.onresize = new Function("window.location.reload()");-RuS1q-`-te
}1au%hpkv {

3`#Y9UL1L @$_ Q:g </script>

查看完整版本: 网页之不断弹射的文字-特效