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

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

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

<style type="text/css">
#Mt5W#R c5LN o #supertext {^1Wu/i'\3L8n)F
position:absolute;$m*H`|V-cf}
left:0;
y(F({J yF top:0;V2c*g(l0R w,tg5O8S@n
visibility:hide;.e8A
t2I
c:G0Z
visibility:hidden;MP0t*JU~$\[(g
}
`8d6hj!t~,K S \Z </style>
'p
n,~7S{WKY <script language="JavaScript1.2">srV*gyuN#u YX
<!-- 改变下的字体的大小。颜色-->2rE`6h#~ xS h
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'2}5D2U0I2b+_:oU5m
var hidetimer='';
@ j%_YQ D"zr Q(L <!-- 改变下的弹跳速度-->
w B5t2p,qV var BallSpeed = 20;
"pPUC.k}6S8U var contentWidth;
&Q#W\r8q var contentHeight;~\QAz:n
var maxBallSpeed = 50;
2L qXs
JIgnZ&gp !UI\zy#]~
/h LQT.c
var xMax;$xTh;JHP9qN8?Wc
var yMax;
'f VV:L_.YZ2jl var xPos = 0;
Ee3w6F5B6v-\ var yPos = 0;6f s*NxS2@Av
var xDir = 'right';
)^a&L$dX6L9M
\ SR var yDir = 'down';L.J1}u:}
var superballRunning = true;
(t8]
c Z&YV var tempBallSpeed;
c ~nzd/i.}Mhq
var currentBallSrc;xa`2q"}
_ x3W/_
var newXDir;
B-l?(aERM+F
nt var newYDir;
Nv5p/w_6Mz
&D'c8cW3i7\Vl9S4yB function initializeBall() {
a+G!O7L5n    if (document.all) {#rf8ud,|3U'B:w9Q
      xMax = document.body.clientWidthQ t%o!u fo&~Q
      yMax = document.body.clientHeightu]5|IM(Z/\5O0XF
      document.all("supertext").style.visibility = "visible";
(H$C:jN:yC       contentWidth=supertext.offsetWidth
,Gc6tq7^8D
M!j       contentHeight=supertext.offsetHeight
Gf!z"ca       }4P8h&Z,r%QT/S i
   else if (document.layers) {
*w_S`af'Le)BA xd\       xMax = window.innerWidth;U(i6t g ^ od
      yMax = window.innerHeight;
I8GPWO\G/N.G\       contentWidth=document.supertext.document.widthOB,h%@0sg#z
      contentHeight=document.supertext.document.heighttFS5O#aKkb0_
      document.layers["supertext"].visibility = "show";~p7O2H7C
_1i(z
      }.YW}/j)_
   setTimeout('moveBall()',400);
`(S"GmC[
Kk    if (hidetimer!='')
R`k7v-n6p pAC    setTimeout("hidetext()",hidetimer)0`XIC{
   }
1?x+sY!A0qd1B #N Tb;H E.@|
function moveBall() {
%Ju${-v'HxY    if (superballRunning == true) {
nz,F3I+m|&Ho       calculatePosition();
|7G x^f1td0K       if (document.all) {.B J{Kd@
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
&wK+Xu|r{`/G          document.all("supertext").style.top = yPos + document.body.scrollTop;
\(yK
ZYk          }$S0Kh,h!y
      else if (document.layers) {'Y$D[x@4N
         document.layers["supertext"].left = xPos + pageXOffset;k$T$lhDF
         document.layers["supertext"].top = yPos + pageYOffset;HYoMg7_'jI5i^
         }-{t[8Q2B F/O{g
      animatetext=setTimeout('moveBall()',20);/wE wt}iT
      }2?n:H^0E
   }Agc1rX
h;N%i4K
"oZ?nK1c
function calculatePosition() {MD.B
c3X9]K~[
   if (xDir == "right") {Hj&T``e2M'GV
      if (xPos > (xMax - contentWidth - BallSpeed)) {
Yn0\r1R"wB9n          xDir = "left";
w mR,WqN sz          }
8x#CAH&Gd       }B{x0u7{
   else if (xDir == "left") {
}6f-z"p0D-J       if (xPos < (0 + BallSpeed)) {
+Kw3PPg},M(b/Z          xDir = "right";

[IDAq2l6t3Nt6f          }
Z$@,aE1qB:M       }q8b1gdPV5R,H
   if (yDir == "down") {
$TVuSR1J\ g       if (yPos > (yMax - contentHeight - BallSpeed)) {
C$~1AVv:D
         yDir = "up";
wou;P x;L
d          }(X$pPJ&?hR
      }
0My!eT _-[ ~4A7m[7F    else if (yDir == "up") {JX~T8o8~s:rh@/x
      if (yPos < (0 + BallSpeed)) { w,ZY*xk*M:z&`(Q
         yDir = "down";
B;I({"_7Nc7V,t[          }
P+DwZS p-cY       }:xx3xs6W4M$qt;e,k2l
   if (xDir == "right") {
yxU(y,@H8n8F#a       xPos = xPos + BallSpeed;
(H3M+Cl1nRv.t       }
2P5F6[bh2B-L P1Ge    else if (xDir == "left") {Z+mk%z4}5S}?+m6p
      xPos = xPos - BallSpeed;
5h;_t[ N       }
C0i[%a;h4qP    else {
7K\~SYK]       xPos = xPos;7e8~%q?f9nsy4m
      }!kq\6t^8aq1I!Aib
   if (yDir == "down") {MF9G[4y#m)py
      yPos = yPos + BallSpeed;Ie5z/G!gA
      }
:A*Y{o9G@^    else if (yDir == "up") {
eU `l G       yPos = yPos - BallSpeed;
-k4O,e7T+gR{ FE       }
5U'Yr9iF    else {4b$q;si6y$SU5c
      yPos = yPos;+my/F1G.H!K
      }F,P$OP9s(K4m3{.`8o
   }
|_eb)C'R 3g/xkJ,Qa4a$T*L ~
function hidetext(){
%JX4X[)f2as if (document.all)'w`L.Oh a'^;A
supertext.style.visibility="hidden"g2^-`H.CC8X1U7[
else if (document.layers)
P,DTLJd
{xIY.[ document.supertext.visibility="hide"
vSLn2eN7u clearTimeout(animatetext)
6Jl1t:N f!_ }
QU@|:\}Wh
(| y$?E|R(I7H#ZL if (document.all||document.layers){
l@h.f;l k W,yw
a!D document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/b[| Q0~k'Z4xm-hh
window.onload = initializeBall;HDD9c(Y8{8p
|^$R z
window.onresize = new Function("window.location.reload()");
^-u6XFE0[N*T }3Z9O8C2z7y'b\O0w0m#B7t

rU!X1mj t,n </script>

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