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

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

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

<style type="text/css">
)Fg*uRb+v~ ?+HO"P #supertext {
l2V$?;J4a6k position:absolute;,f` c$UP!Feb
left:0;B!M6_y$c^
@*aC
top:0;
6Q6N'C$G
A`PF visibility:hide;
\+\"P7]U visibility:hidden;
b,E? m%J0v8I }#OoQx1U"o0s
</style>
#]A8H)c.o!j't <script language="JavaScript1.2">/K$Y1q)\"H
<!-- 改变下的字体的大小。颜色-->8bVD#j#~&nxiD'`
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
xsXb o:i Gu var hidetimer='';
j`,pZf5Ha4} <!-- 改变下的弹跳速度-->5A1j7c&Bq-g
var BallSpeed = 20;
1{!TAsGE/UY var contentWidth;
N(j)gm6pM&AZ var contentHeight;K/~m"q3s5]U
var maxBallSpeed = 50;
(s
fQ/t
t8\ ,\%G5yH#iR'gu
+D@ f8RS j
var xMax;6y:{`(D$V!~.q^Pr;YJ
var yMax;
,A%[tCC#Euq/` var xPos = 0;
Oi%hv
?*}E$C\ var yPos = 0;aPVoJQ7f'i
var xDir = 'right';dH y[z9_/N#~
var yDir = 'down';4Ev+d+j$du4B
var superballRunning = true;f L0s?3QFF9@
l
var tempBallSpeed;`E1P
bZz9N&bH
var currentBallSrc;"K(Z1]3sT'o9O.V
var newXDir;
Dv.e4r!Q;F;@ z!e var newYDir;{T9a? K4A$f+rY

Q+D/}Wy%Q)| function initializeBall() {v9Q8`@Gc;vL
   if (document.all) {.Pn*S$F [$W'dqJ
      xMax = document.body.clientWidth
kb!U*uI4{3r       yMax = document.body.clientHeight
7?@%c_B4^8C ?       document.all("supertext").style.visibility = "visible";
Bx"c#a8yTQMW;O
      contentWidth=supertext.offsetWidth1am5Ll1r!nB
      contentHeight=supertext.offsetHeight6A0B.G$Pn
      }
s+Z%R$[,aI _    else if (document.layers) {3igyYjjQ+f
      xMax = window.innerWidth;
!C'tF b?%U       yMax = window.innerHeight;
YD2{$[)?WHO       contentWidth=document.supertext.document.width6d"X'J"R*|TE5j/w
      contentHeight=document.supertext.document.heightz v1`SzgkE
      document.layers["supertext"].visibility = "show";/C)K^"jU }ti)V1D7^0x%t
      }
yX5ay{!V A*Ef5eU    setTimeout('moveBall()',400);J/]+h]\W;@0d
   if (hidetimer!=''),opvz@[Xiq+f'O
   setTimeout("hidetext()",hidetimer)
I(DL+yT{|f\    }
(G5RrhE
u4N
NQ |
N.M function moveBall() {
^8|9g%V}fA)^M^4z(}    if (superballRunning == true) {
y(WK9w5X       calculatePosition();;q']([qFN
      if (document.all) {
/h&ER"B4i3b          document.all("supertext").style.left = xPos + document.body.scrollLeft;8fo;su;vs.P3g7K
         document.all("supertext").style.top = yPos + document.body.scrollTop;:clxVN{&t\
         }e#S;z){/{8m(lz
      else if (document.layers) {
O(a{8`q2Up C+S9b          document.layers["supertext"].left = xPos + pageXOffset;
ww;{:jIb+hh7A          document.layers["supertext"].top = yPos + pageYOffset;r^a9B {/Vz!U
         }
3bik5Z I7}#Xuv6~       animatetext=setTimeout('moveBall()',20);
!}5f&n-xKbEWw#\]       }KKg
J0E
   }D`3pdgw
]D?G9yE-Kbo
function calculatePosition() {R8]2R,Z'u$p.fs4]
   if (xDir == "right") {B'p
Mae;MB']
      if (xPos > (xMax - contentWidth - BallSpeed)) {
Fc#Hp5Hb"U)@]+ZY          xDir = "left";
!pD)|\/I.{N          }
.[K0Q^}B)U       }
lO$I`/^$WJ.U    else if (xDir == "left") {
x ] gM;bV"o       if (xPos < (0 + BallSpeed)) { v"N(V@*~fO
         xDir = "right";
oC~0Ae rm          }
Uft6[3_ Lc5D7`?j7{       }v%U/SSNQWOS
   if (yDir == "down") {*[.S1hEMe8QS
      if (yPos > (yMax - contentHeight - BallSpeed)) { j0N.kMZ2L
         yDir = "up";
e ak [&r*x.`8I          }
X&?6|JU'a
^       }

d,i;h4E5FUR    else if (yDir == "up") {5^"c\+D U%^p
      if (yPos < (0 + BallSpeed)) {
m'g(Ba'?"q(e;qe!ehAC:B          yDir = "down"; Tdtl7]L!X
         }1]*FZ6E
|,mn{
      }
J`bCS,FNK-lT&j    if (xDir == "right") {8^C8lq&Ox
      xPos = xPos + BallSpeed;
#E3n4xlqP~}       }
lB8z(np Y    else if (xDir == "left") {+Rg.y `1l9e nN3b}y4]
      xPos = xPos - BallSpeed;0}4v+yWI9j
      }
V*^P6sN(L3k#v#V|    else {3A.jTY5[_4H \
      xPos = xPos;
m)Pj3F? h_z       }Zj3g0S~+XTD~v
   if (yDir == "down") { a(q1X4FU0`
      yPos = yPos + BallSpeed;B;O u/\f.gY*O
      }q:_[9c s"g
   else if (yDir == "up") {
A'V y7F @^s4O~3O       yPos = yPos - BallSpeed;NIOsm(l*S%njt
      }
8RN J [:@    else {a;cfj {|r6][N
      yPos = yPos; }NE5^}
      }
nNq$\,JG9Wm    }
-z:u.ew3o;c
+fG&^5fb;o function hidetext(){B~(Qp.d f
if (document.all)
$q;Qv'bxTK supertext.style.visibility="hidden"
m,J"]y'T else if (document.layers)se%p{_:]\
document.supertext.visibility="hide"
,Vx-_5X;c}~ clearTimeout(animatetext)
(~0Hjy%fWE-u }(QP'Ky(C6kp
i Ta-Y vn5z!O[
if (document.all||document.layers){:aF(b-\)V
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')a@[x'ov|
window.onload = initializeBall;
qejQO window.onresize = new Function("window.location.reload()");X6t)Kj8nZ
},q4j p,qz'|/a
+t g/zH6otG
</script>

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