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

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

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

<style type="text/css">5t a*l_w*g.O5b
#supertext {

IiK6LgEBPG position:absolute;cz6~p2p_,z.S&d7HS2^,\
left:0;
h8I7x]8b.u top:0;
p,W`jy.d,@4S9~^ visibility:hide;
&rI7F-H'iL visibility:hidden;
cgQ-` Ls sl }M,|s$^#E4v(?6A
</style>
I8riI~ Rth <script language="JavaScript1.2">
#O
s2L;SQ1qR9z"{0e^ <!-- 改变下的字体的大小。颜色--> HbE"hOcr0M
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
+d\Nqt.]zm;S| var hidetimer='';K:n4[5Vv*jF ynH
<!-- 改变下的弹跳速度-->
FW d#[&~y:F var BallSpeed = 20;
$`cos `"h var contentWidth;~ IduR b
var contentHeight;EF-V8Op5?)y4MU
var maxBallSpeed = 50;7\exn"Q-}

.k l1Z$e V)an-~
|0\\~,c n~o&U var xMax;-@
UM:v b:[6W
var yMax;9tEQ7dda
var xPos = 0;cK^4X{:d,x u
var yPos = 0;
0e.s'LkR'H)` var xDir = 'right';
/aP R9a9_ var yDir = 'down';
tR/K @6pzvmpp X var superballRunning = true;1rUQ2M6U1c.z.d
var tempBallSpeed;
8iD;z7WI2r:uc var currentBallSrc;
9Is"{!N8U1o/X%R var newXDir; to-A*em5en!m$\
var newYDir;.M[wv
p"m

E;eF"e X function initializeBall() {1cUL!}9c^
   if (document.all) {A6yB@NbWAq
      xMax = document.body.clientWidtho.K"`.k @%Bsb
      yMax = document.body.clientHeight
s1f,n4M
{       document.all("supertext").style.visibility = "visible";4Tvm;R/iT
      contentWidth=supertext.offsetWidth
5S%E-S9\#C h%l$K       contentHeight=supertext.offsetHeight+?@*dQhE7U
      }
O8GN4kr]    else if (document.layers) {^di4f(A9pCUI
      xMax = window.innerWidth; r/g%m/P"n
      yMax = window.innerHeight;6}uX p.Y{
      contentWidth=document.supertext.document.width
XPB!UWtt7r"r
i2~       contentHeight=document.supertext.document.height0s/w$c$G,?9|;_ e"v \
      document.layers["supertext"].visibility = "show";
a.t+r!X5a`'G/r       }
'S4^&Vq?U rhs    setTimeout('moveBall()',400);4g
a9b9BG'wR
   if (hidetimer!='')
+F0Jc:C)W*J3[d    setTimeout("hidetext()",hidetimer)4xpJ5H;UOBE
   }
Zz7P
JJ l3QGe4z jYW Pa
U.Vn
function moveBall() {i(q&s%L3b2S5]%L:|
   if (superballRunning == true) {c*Zw@^5hV L:u4\K
      calculatePosition();
2_ B']Q1u e8m8UI(V2t       if (document.all) {
CZes;g~/{0j"`"^          document.all("supertext").style.left = xPos + document.body.scrollLeft; EI _?wgr
         document.all("supertext").style.top = yPos + document.body.scrollTop;
2{\4NG b          }
un6q0X!U       else if (document.layers) {'j(yPR0|;R/Ya@x
         document.layers["supertext"].left = xPos + pageXOffset;
,~ vnz%YL          document.layers["supertext"].top = yPos + pageYOffset;
A^PNt6Q8v|          }
"^B9n[%_kQ L       animatetext=setTimeout('moveBall()',20);6Tq8{^iG.E
      }V$JM!dh]|
   }
_
c:l+]!C,Uj s[O )V3zzo+K
function calculatePosition() {,e3kUwT-{%K\+xC-v
   if (xDir == "right") {&xP8uiN]
      if (xPos > (xMax - contentWidth - BallSpeed)) { X7C.Nji2J g
         xDir = "left";
_ bz jj4`
m/O          }
?|1g%P5pqy;m       }!on}
{3Ae
@F?
   else if (xDir == "left") {R0Z8j$uU6H.^#Y
      if (xPos < (0 + BallSpeed)) {
NI:i Z-nS          xDir = "right";
(}|_`1GGt#}]          }%A;\!MyV
      }
+tH`bho-e:d    if (yDir == "down") {
6J;xE?S a7Q7[       if (yPos > (yMax - contentHeight - BallSpeed)) {;}%]/n~Z E.B
         yDir = "up";
,B*{dO+^b
l%S          }$WRjmN
      }
'e+RLh-C8S    else if (yDir == "up") {wiK.w zB
^9?
      if (yPos < (0 + BallSpeed)) {L0C:juJO
         yDir = "down";
{]jY9?K(c2{+o          }$`_#PO(p~uY
      }
.a#C]EI5V2Z    if (xDir == "right") {/\oiO_,bZ
      xPos = xPos + BallSpeed;p.I.[4r:qM
      }3X5Jb8T(KT$J
   else if (xDir == "left") {1\[L~;r4m7x5e
      xPos = xPos - BallSpeed;F;FFA@
      }~)tv#Es"K[qvua
   else {
)H1|0Q/SU       xPos = xPos;
Sy+D{&Np       }4E1X&WU {2m
   if (yDir == "down") {.O1C7j&hs*c
      yPos = yPos + BallSpeed;
?V"|@0ImN,i       }*a{zDOU#A
   else if (yDir == "up") {
"}/r,I!x[Y!P!E3Jw$X4~       yPos = yPos - BallSpeed;
m;l5P-L3G       }
opd8wL5}&sV4Y5X    else {'f+wKo0mfYD+^F S
      yPos = yPos;
#BYf"I.Q^ j!K^5C       }YZ P+p)H E-?+w0p
   }
M+DD/cO"@JQA)o2C"[(Me
4vlAZv5Q-s:t function hidetext(){#HG`/[ C(i-K+_~
if (document.all) ml B`tx.}!s3_
supertext.style.visibility="hidden"
c~B3L/m'}|L-z else if (document.layers)
THT7Fdd%U document.supertext.visibility="hide";i!{8DTt(YN
clearTimeout(animatetext)
gupE8F"M }9pd9G \cC |yN
P VKNR*g n,i5LO
if (document.all||document.layers){
E4W3fN\7^*sF#^ yk
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')n!tJ7S-N`
window.onload = initializeBall;8csCExm/a I
window.onresize = new Function("window.location.reload()");O}PBAG
?
}
UM Kv%G&Q'v8U#`PD
([7V9efg R </script>

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