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

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

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

<style type="text/css">
0J g[ S#cQ #supertext {GUEn(W
position:absolute;uMp].A,K"Q
left:0;-{*j2`!k5}5K;}l
top:0;0hhT'bT3x7w
visibility:hide;
!X!{u.pV.G visibility:hidden;"q}.R&_
S+k$uB&k'q
}a(opQWj-l
</style>%z0Ff`&h#["{
<script language="JavaScript1.2">
'v3H$HxN
n7[ <!-- 改变下的字体的大小。颜色-->wA T(M$^'C)igM
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1y`-yS!ci?*n var hidetimer='';1S0W_3[$uMx-W
T
<!-- 改变下的弹跳速度-->
)\xUv7Wlr var BallSpeed = 20;#[$k"CJ.L HMP$Kn
var contentWidth;$eB~W#a
var contentHeight;uyX"f!Y
var maxBallSpeed = 50;
%k K!L,`2Q_ []LT+v

nGG8l9r0V/@g var xMax;
6RU_;s t var yMax;
^6MX Ax1cQ
] var xPos = 0;
)PGhpGJW}x1i5t var yPos = 0;
'\5?:l9mA5W var xDir = 'right';
-O@YG.L6v`CM var yDir = 'down';
'X6qq2{/E8S.U5j#C var superballRunning = true;
o
c9s1s
NR var tempBallSpeed;B*}^ji x n
var currentBallSrc;
ePZV n] var newXDir;
]K$A _G n] var newYDir;yo$}M!h7IY

Y
x-WO
A&kIlJ function initializeBall() {hN&`.w ](Lv'@
   if (document.all) {2@|/D'],B!Z
      xMax = document.body.clientWidth @
jra!f)dH
      yMax = document.body.clientHeight
eGW#ws       document.all("supertext").style.visibility = "visible";
Wuq-h'uS       contentWidth=supertext.offsetWidth r%?/jS0O5w8@G
      contentHeight=supertext.offsetHeight
|1r o"s!`I       }B|2K5tt6?a+gGW r2]
   else if (document.layers) {
#K)N!YNv       xMax = window.innerWidth;
5c-Hi0K(H3j\       yMax = window.innerHeight;*K x2VE$A_U
      contentWidth=document.supertext.document.width
/}
w(y&f@:sO;RA V1|       contentHeight=document.supertext.document.height
5@$Men5W R#S
C{       document.layers["supertext"].visibility = "show";:aNs+~A
      },jno2~.MMz/h1@
   setTimeout('moveBall()',400);
+yFXI^1Gg    if (hidetimer!='')
6Kori"wAC    setTimeout("hidetext()",hidetimer);y
Q^K4T
x|
   } aOHp)Vzuy9b7iUk

:h
IF%v*f.vMP]a function moveBall() {'p/l*dpo"j/y
   if (superballRunning == true) {C"QC3~+^!n+C
      calculatePosition();B2Y2kT6fA;pLN1I
      if (document.all) {
Ja)QOn5m|-N2}q          document.all("supertext").style.left = xPos + document.body.scrollLeft;
K"M`1d_mk          document.all("supertext").style.top = yPos + document.body.scrollTop;Ls`X3Uq;i?
         }
6rFBnpB*A.s       else if (document.layers) {
j{+X7\E k
RDU          document.layers["supertext"].left = xPos + pageXOffset;6w,x[*~1S+?L)SFPvg
         document.layers["supertext"].top = yPos + pageYOffset;9g.of$[6TB'K S@r+E
         }
D1LZ[ C       animatetext=setTimeout('moveBall()',20);
SsI"P)P'Ev6I       }
6m#JMONC    }
R
u+tv{1uW
.H|-q.G6O*oI function calculatePosition() {
1f4Q#^;{"B
So\#Q    if (xDir == "right") {)ePr7S n1Y
      if (xPos > (xMax - contentWidth - BallSpeed)) {ENqWd]6c'G
j
         xDir = "left";
!A:Gk5p#O aV/^          }\:Pqx#NP(|#e ]
      }
T"S*s1kX4[/A"b![L    else if (xDir == "left") {A$D#pV
?'I#s
      if (xPos < (0 + BallSpeed)) {
W!r/i8F+P1qy,~          xDir = "right";
fC0u_4HA          }
c_*dz(P _f       }
eii{C e.p    if (yDir == "down") {
8i_+Kr9k       if (yPos > (yMax - contentHeight - BallSpeed)) {

e0Bhl;L!D AY m%D[          yDir = "up";
p+cH?k(Jp]          }
J4\F)s&['q)e J       }R;HMx(t!m4~d
   else if (yDir == "up") { b_0wcW2y[R)tx
      if (yPos < (0 + BallSpeed)) {
A#g}~ T}y          yDir = "down";
c1JBe%v,p$Dq          } T T%`/O}5^
      }
%j-zz(DwF    if (xDir == "right") {
,Q1\;\Y#dP
p7Hw       xPos = xPos + BallSpeed;hPf(T5Gh5` f
      }
.k*PA/Fx)|    else if (xDir == "left") {,R,r%X-p+Y9g5x
      xPos = xPos - BallSpeed;6l@mN8Pc/F#B
      }
Os(`(^i    else {^Zs1xSF R*M*a
      xPos = xPos;"Yy MO.{@G/}
      }2Y9PfiM#Tp1J
   if (yDir == "down") {
&f4}2u uk Wa       yPos = yPos + BallSpeed;-F-\/_O)H
      }
+c[K!OV0hh    else if (yDir == "up") {q]F(Q
QobA
      yPos = yPos - BallSpeed;
%xSR
@ F9|,U;Kz       }
sRyO1M*a,w2H    else {

qR:P J$hO]7K       yPos = yPos;
]#?)b`;Vm       }
~8t)Y`%i(q:m4N    }
Z5`K2}Cd
n$fibO function hidetext(){Gi"`y+n t [5a
if (document.all)
^;agx!x$O~
hoq supertext.style.visibility="hidden"
rSD%f"i+~RD6\ else if (document.layers)
zoY"vM7@ ila"R7l document.supertext.visibility="hide"
r4\'uLE5o5vtkn clearTimeout(animatetext)
o2D/N k)y#G }
kU\w\ k`m1X)BS7q
if (document.all||document.layers){ o.[!l;Rj:S)Aj
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')&{Zk+K!q"@k^
window.onload = initializeBall;
s:a(z-HT'{8{!p window.onresize = new Function("window.location.reload()");%tk"Pf ?(s
}U(v6M!L}P2h+|
`GCz(oDvr
</script>

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