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

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

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

<style type="text/css">
"jWv2ae9w }6G$l #supertext {ab-oI0`4ix&r
position:absolute;1kM&dgDBM-z
left:0;o~z%s7eN
top:0;c7H(Z.g4dA'Ai$bU]
visibility:hide;
u:|6T5|!x cE visibility:hidden;&j&g!Zc:~f va9e
}"Az
y+u:]r&xg6M
</style>rk!e0k*Jv3W
<script language="JavaScript1.2">
&FG7W\jtRM6r,c <!-- 改变下的字体的大小。颜色-->XBI#ou
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'&Zo9Fqx(X
var hidetimer='';
E
UR*`\k:_4z6A$E <!-- 改变下的弹跳速度-->
PU5CA0t L4l:uM var BallSpeed = 20;
sIST ]aTC var contentWidth;
]/CE0uD var contentHeight;
t
o*ZF^ var maxBallSpeed = 50;eztd%t!C [1IJ3w[
hPQ%J9D

O(nwanX? var xMax;
x!y,^$y7g.K;yv9S.j^ var yMax;
+TO UF.H var xPos = 0;
7a:pe#@.s@@p var yPos = 0;cy][a2j*l3{
var xDir = 'right';
u3~*X2?nj5ik(f var yDir = 'down';
"L/a%ko5anta var superballRunning = true;F|Tw,k`xwT
var tempBallSpeed;Tv nR7hA
var currentBallSrc;C'@iy n%R
var newXDir;dAOMk
var newYDir;
?3b/m9GV6t[Y| H5l+hK(P,X!@s R
function initializeBall() {A,l\%q#]4{5[
   if (document.all) {
O;Jh{"S       xMax = document.body.clientWidthbGEYq
      yMax = document.body.clientHeight]&Kd%E*|K
      document.all("supertext").style.visibility = "visible";
SGS!ym#gd7H       contentWidth=supertext.offsetWidth
1S8vg QHa       contentHeight=supertext.offsetHeight
.\!D-^XIVB}       }l si$j$iCz k_
   else if (document.layers) {
x;?"wlv2zrKHam       xMax = window.innerWidth;Iu:nh*R%d2j]"}`
      yMax = window.innerHeight;
u _)HuZ$O|(AM       contentWidth=document.supertext.document.width1gDK.]
V;ex
      contentHeight=document.supertext.document.height
6A#L"H)|$qp5{"M'f/O       document.layers["supertext"].visibility = "show";
8Mf;P3] k'X8x
Z       }
)GU[&g,l*N4KO    setTimeout('moveBall()',400);T.L-_rv _G
   if (hidetimer!='')-Nf}-{/v L
   setTimeout("hidetext()",hidetimer)4Jl/L~H
   }
7v"xK1Q&a-b;A.S
k/Qr#W C2rx*\;eL function moveBall() {
+wl9\ XU`X    if (superballRunning == true) {o-X9m"K'F)B
      calculatePosition();
$}4{*B-~Dlqq3{       if (document.all) {^fR-]kft$mj:L)K%i
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
9[/\2\
b&Z          document.all("supertext").style.top = yPos + document.body.scrollTop;
q c2bKbVA!YLXdk          }
3Nr {a)b*T T${$v       else if (document.layers) {
R5E.LtA"FDF'YTq
         document.layers["supertext"].left = xPos + pageXOffset;
8W+c,jYeJ8v)n$L.u          document.layers["supertext"].top = yPos + pageYOffset; TSk+Z.Fd Y&T
         }
u5NqC[t(Z)|       animatetext=setTimeout('moveBall()',20);7M&st$S~I,rDx
      }
O'f}'l!C1Vf,b%\    }
fxxM'X.F8nh%`
| Q8[q+j,K function calculatePosition() {
u/oK8H6H:Z!W y    if (xDir == "right") {3^Zj%S(aK
      if (xPos > (xMax - contentWidth - BallSpeed)) {-])}{lm
^
         xDir = "left";._9Y7KKM1~4x3H2WS
         }
JJ"FP"@-r/g       }4V4|4s]*xQ9}AB S~
   else if (xDir == "left") {A'a'v,x&Z/j9{.ro
      if (xPos < (0 + BallSpeed)) {
{4J#BN'N
bJ          xDir = "right";
M8Zl \%M          }"NCeJj(r%B_
      }
U tyj+\!s    if (yDir == "down") {
IiS7@za@P \       if (yPos > (yMax - contentHeight - BallSpeed)) {
[m+GtCm7G"r.z1F          yDir = "up";
WBa0Z(i3F          }
3Kgu!bq       }
xL0B'L*Whf8HJ c|(C    else if (yDir == "up") {\4t4]7L]"BV5H)C
      if (yPos < (0 + BallSpeed)) {
PsP[ P G
ic:m~`          yDir = "down";
%sT^g1Q~'d&G u"Kc          }:C(ly:I/M\Mg*C
      }6Y9E*T7A;O&^s![
   if (xDir == "right") {
x s Vq ]'P       xPos = xPos + BallSpeed;
{d*@3d!SC       }2~dc&mX-Bg |
   else if (xDir == "left") {:[:M,m],WE
      xPos = xPos - BallSpeed;2g5`2sMQ6R
      }
#Vqs+_{`x$xV I    else {
AO9oS3v~       xPos = xPos;|6d Zf&G8nq&j8j6r
      }
T|Z3INp{a    if (yDir == "down") {%M$i[P @G
      yPos = yPos + BallSpeed;
*gy`f'@"P       }
!I}LYO*Y    else if (yDir == "up") {?(Q!E%x K2S
      yPos = yPos - BallSpeed;)~!\@4W%S-{n\+E
      }4A/ERm^
   else {
;Wcdg k8I g-bz       yPos = yPos;R
L~i_yP2C [6`
      }
'u4?p:o8K)Yd    }&`/X'vOl J As
Cdfw7V+f
function hidetext(){h
W3aT0H3`p
if (document.all)"x
W
p'kGg
supertext.style.visibility="hidden"6veF+] Hw
else if (document.layers)?"{"D#TKni
document.supertext.visibility="hide"!Rs0o|?q0A"Z
clearTimeout(animatetext)
-g$Cm"J0I1E5hQ^ } TH.fD&c q

1n6w e/jID if (document.all||document.layers){,qk8K)@7[*R5E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
$YR!L_
Hq)Q#s vD window.onload = initializeBall;
r9SS'vLh6p Q window.onresize = new Function("window.location.reload()");\)f5kEjOq
}CY'E {wq9D.Y

O#cqFB1DE </script>

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