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

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

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

<style type="text/css">
sfhD|~6aM #supertext {.^(Kj#bD&}
position:absolute;(rQ0\8\?O]Ao T-~%X:E
left:0;0Ty4D3u ^]
top:0;.nXy(T/X:d4V?
visibility:hide;6a#Qd_^C2]
visibility:hidden;`||.a@+gj.e%^J
}
5H%GS[][ i$a#i#? </style>]Oh9DdOa
<script language="JavaScript1.2">FV3|9|.M,R2S
<!-- 改变下的字体的大小。颜色-->c%OpBC
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'1j y!{%wVKYZP
var hidetimer='';
BL:Yb;K0ft <!-- 改变下的弹跳速度-->
,vRf,D-OE var BallSpeed = 20;G%bk/e}:H
var contentWidth;
)? d-R(V6]Yv&e var contentHeight;
S&N2yo,j+`8r var maxBallSpeed = 50;
NO~T0iQ
qk sLIF&?_0E@
0}2J{O*nO
var xMax;X:te.E%j#A?
var yMax;
Y v&g{(Q var xPos = 0;8zF+GD$z[_
var yPos = 0;Ga"H"~0q3exN
var xDir = 'right';bQ1d
As.U_
var yDir = 'down';;@7qQ`QM@:Gx
var superballRunning = true;9U9rS!Zr5t)E
var tempBallSpeed;?P`#?(}'k
var currentBallSrc;.sKO~m}d2YUg7m
var newXDir;]A
J]GUt^
var newYDir;A#J2WsViG
G)~O5C,f"a
function initializeBall() {,^|[
S/y"N8G]+q
   if (document.all) {/T/cY]U+mt/nV1f
      xMax = document.body.clientWidth+PAa,d3Zx3\
      yMax = document.body.clientHeight
_kE:Y1wQ%p       document.all("supertext").style.visibility = "visible";
s!Aum;N~;T;v       contentWidth=supertext.offsetWidth6F5bz'OX
      contentHeight=supertext.offsetHeight5v6D9]9@wL)S4D
      }
9j3k+st{HuZ    else if (document.layers) {8|(RVnH!q+c]m
      xMax = window.innerWidth;
'~w0z#KV6Iz       yMax = window.innerHeight;
?!y@YTz#bX{(bGL       contentWidth=document.supertext.document.widthKC&U-g\i@a
      contentHeight=document.supertext.document.height
)UuKy)cQ(|0S'z       document.layers["supertext"].visibility = "show";1h4mxAS.hv
      } c?W8cf
   setTimeout('moveBall()',400);(K8X^\s*NTGB
   if (hidetimer!='')
1[k$W2y/Vu`,vx4xu    setTimeout("hidetext()",hidetimer)T E nf1^8^$tJ m&fCO
   }'z;C%LA4d-QR
o/Mye8Djs%Ta
function moveBall() {F
l,BTGUOO
   if (superballRunning == true) {m ]^U6p6tWdL:}
      calculatePosition();!FJ4m/[Yrc3T
      if (document.all) { cz2SI"|
         document.all("supertext").style.left = xPos + document.body.scrollLeft;'}2D!b}Db*V
         document.all("supertext").style.top = yPos + document.body.scrollTop;
a4[\(_3d0Y2Q          }
v&YV_/r{       else if (document.layers) {
@Z)}]"B1J3L          document.layers["supertext"].left = xPos + pageXOffset;
`^^3ltrl          document.layers["supertext"].top = yPos + pageYOffset; s bH)D ^x g
         }Cx\*`na z7@
      animatetext=setTimeout('moveBall()',20); RhC}ui0Ms't9i
      }1^ dx1J7d7`sq
   }?9pM$rr(o{

2a B?.F`*^_4f function calculatePosition() {et ya'B
   if (xDir == "right") {
!a JQW*njE@T       if (xPos > (xMax - contentWidth - BallSpeed)) {-{E:]N#{
         xDir = "left";
uw'G KI C @k1_6d7}          }*O,s@w+enT$e5o]H
      }6gs!yw;e!J s8as4L:A#G
   else if (xDir == "left") {p0mO+u\9\ms7Y8J
      if (xPos < (0 + BallSpeed)) {-M$gZ$E i*n_
         xDir = "right";SBsp5_v,}n
         }
[ z|+Y)c/L       }
q&{4k
r8e    if (yDir == "down") {
8c7f]UO(v6`       if (yPos > (yMax - contentHeight - BallSpeed)) {
Q)ThnSD          yDir = "up";1s5i0p?N
         }/L%vT
SwF7e
      }4]]Z Zc9O`*E2g
   else if (yDir == "up") {1@+e T&wI!K H*L:[1B
      if (yPos < (0 + BallSpeed)) {
U$B'^xu2q          yDir = "down";z#j E$_` Z
         }
4Za
rv"r2h"f9J#w B       }3~/\e7HP\n
   if (xDir == "right") {7?Y o[$p$f&\%S!tp.c
      xPos = xPos + BallSpeed;7eP&nMe
      }obO.Gr6cK
F7M
   else if (xDir == "left") {%Vo*xUsLd
      xPos = xPos - BallSpeed;T-d.p,k5^Leow
      }A5G3F6D H5P9l0m5p
   else {6`c2^wW,],b
      xPos = xPos;
L |:G&D:O4ym\t       }"{Y6Gk0OK{
   if (yDir == "down") {
G:x~/L6L5M,l       yPos = yPos + BallSpeed;*Gd2]R-` F$L
      }5Ltt _T!Q o,[#I+K
   else if (yDir == "up") {
$BH$s
\O"irH:t j       yPos = yPos - BallSpeed;[0Q D$S`S5AL2V
      }wW
Q"] W1v7P2tMF
   else {D6W"_
Erb0Q5c
      yPos = yPos;i~#H/fu.H!p:Q(I d'l
      }s4~u$h J
   }Hb&u2QgjF5C
ot'?
S mgD D T
function hidetext(){
I4{0qQ+d
aW-C6@
if (document.all)
(lP*?*mv
EJnN supertext.style.visibility="hidden"lgoTVz~$hkw[b
else if (document.layers)
E&f+Nk@(uTT+AI document.supertext.visibility="hide".X&ak;SM b
b
clearTimeout(animatetext)2vsBbG
}
1}6{-aw*CFpn| M;FM7c7ipX
if (document.all||document.layers){#\#gpXW9o
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
`
n#Zo2Ssp'{L window.onload = initializeBall;
pp g7b;@9X0O6K ]^/g$l window.onresize = new Function("window.location.reload()");
'rC$gk_H6E_ }
M:X;}uq?eJhZ
\ YMI;j9S:L </script>

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