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

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

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

<style type="text/css">]j0ab"d ?
#supertext {4z4O4]BZvBW3|
position:absolute;
g_$~"hN9|'a;aq left:0;:l Y W,Z ^;KA*P$HB,S
Y
top:0;
q0J:N*S YO:|O7X } visibility:hide;/KZkT5}Y4{[mic
visibility:hidden;-cX k` B^8~
}
oJ*CdV2h,fku </style>
#R^r[ ?3fe <script language="JavaScript1.2"> nD9P.`!v9`'M(|X9Zu/R9l
<!-- 改变下的字体的大小。颜色-->?
Ld7wKTa'f\
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
Y.Z_8s @3tpO var hidetimer='';%pfJ/HqZw
<!-- 改变下的弹跳速度-->
ZF2U7g)S^7NQ var BallSpeed = 20;/ui {g6x(c
var contentWidth;!pt'MDR'm9qf${ c
var contentHeight;
J E5\?`wJG^ var maxBallSpeed = 50;
ym qA3EnT
L B2s:v9w6] a9y #dx,~ yQ [3Z W/h#i
var xMax;
s6Ys0WT[ o[ var yMax;
oPd*uU"{{3o;w var xPos = 0;BX3b.K4p&o
var yPos = 0;^ _6z/I!Foe9wcfCv
var xDir = 'right';
A~)~
j \@Q8^` var yDir = 'down';
?|@IMRKw$b G var superballRunning = true;
d8cJ/kQD var tempBallSpeed;
pe|yuL4t var currentBallSrc;1hz`r EN&l:`
var newXDir;KO]+`4Y6R%U9F&~
var newYDir;rbI }/|nY!T
w,\6?@ GJ%dxz+e8H]4V3O
function initializeBall() {(__c-~:y.Cu
   if (document.all) {Y"C0Op/E`z
      xMax = document.body.clientWidthS:B8D0x k~`
      yMax = document.body.clientHeight
BJ"[4A:t l       document.all("supertext").style.visibility = "visible";
Xw? m!Iw;qm       contentWidth=supertext.offsetWidth+V:Oh*q7G&mC
      contentHeight=supertext.offsetHeight
0i,d'^KI       }
Ks ?;d C
eS    else if (document.layers) {{6O:v|^!xi
      xMax = window.innerWidth;
h7aQ
\wv       yMax = window.innerHeight;2L7qq;_9X+D_
      contentWidth=document.supertext.document.width/~9z'? Z*Y
      contentHeight=document.supertext.document.height }3x"[;rV,Z'A
      document.layers["supertext"].visibility = "show";
1Ww5Dy*brJ#p       }`1D@+C:r9Rz
   setTimeout('moveBall()',400); MFT(oR&o'A
   if (hidetimer!='')zD Y(\q
   setTimeout("hidetext()",hidetimer)s(y zc2L/]
   }]IM#PK)X
'A!a2tED`-]
function moveBall() {
)w%n z(H0rAp%^    if (superballRunning == true) {
mcR oev;~,p:Ka       calculatePosition();
F"Z2Q N{
O6N       if (document.all) {_&c?eAHnSI5TA
         document.all("supertext").style.left = xPos + document.body.scrollLeft;"Y U7E&Q0N/O)wpi
         document.all("supertext").style.top = yPos + document.body.scrollTop;
gK7W~:F,T{          }T
Y+^!\jg
      else if (document.layers) {t,rM{l$k^ZA q
         document.layers["supertext"].left = xPos + pageXOffset;
F+}L-sn$G(y7h@.oO          document.layers["supertext"].top = yPos + pageYOffset;
J/f{
r m+e0r          }gu'I^\,f%x
      animatetext=setTimeout('moveBall()',20);#h|
[g7yD4S3e6p
      }N*elpK_UO)K
   }
i"pM-t P#f-g
o%RDeo%vO function calculatePosition() {j%f vE p&Yk-@M
   if (xDir == "right") {$ny.I(Kv:`#v
      if (xPos > (xMax - contentWidth - BallSpeed)) {B$@c,Xu v
         xDir = "left";'xU9]C)K{&i
         }5U0Lh&I*h@m
      }7n
dr^j
R9N%v$CG
   else if (xDir == "left") {
3^
qV/\"JC!b L^       if (xPos < (0 + BallSpeed)) {
uc)}@,c          xDir = "right";#o+b&u7{+uBseq
         }i*D[6_Ky@
      }
0K3u#~1FrQ)Y/Lu    if (yDir == "down") {
e1Wpz(n       if (yPos > (yMax - contentHeight - BallSpeed)) {
B}p2S{t-v|          yDir = "up";
:h [M?ON          };qu4TLXk
      }P M|T
Wyu
   else if (yDir == "up") {
$c"]8v:uiL       if (yPos < (0 + BallSpeed)) {[R!| U'l$J:C?U$?
         yDir = "down";
wJ-Xs[P2K([c          }'uX8Li T/F@
      }?XD0M]]/O
   if (xDir == "right") {
1i?A1S%l^       xPos = xPos + BallSpeed;
z S ^+SW!}9[       }!o mg k?g!`
   else if (xDir == "left") {
"ri2F [o| jY       xPos = xPos - BallSpeed;
q ]]CY }&b       }
)G~)? KV] O-b0?n    else { ^D.V4rCJ
      xPos = xPos;
-q^H+fkl9G3Q9W       }
l.pmSx7{9T(WP4k7Yu    if (yDir == "down") {!}#A[4v+x3pb
      yPos = yPos + BallSpeed;
p.Ug(h#bTi       }&Mwov]4_Y"Ih[
   else if (yDir == "up") {%sF }X CQV
      yPos = yPos - BallSpeed;
%nC6}kiB/q3H!q       }
O.z&j TD5M    else {D0` x;bM1IedHI
      yPos = yPos;
|ztX)@mW!t       }
/{/X
rv'X(yt    }b`)]t)BT
/S1a^p#AXWL1t
function hidetext(){
gQ7V/X8@&V if (document.all)
+t~D~DQJ$e supertext.style.visibility="hidden"1ZCOS.}q
else if (document.layers)
@0bJ.eR6U!b document.supertext.visibility="hide" {.wMQTy
o
clearTimeout(animatetext)
k yY5y ^N6Bg }
&x8K.ld:@
|{;J ;@X!nb2Iw8nAQ
if (document.all||document.layers){+S-D:],V7Y~%b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
6T$e&}){
uE window.onload = initializeBall;%Gg1S%o-q
window.onresize = new Function("window.location.reload()");
'Jha(a}8`,C }`wBm,ac-t
?]y'ik_"A"~&P
</script>

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