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

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

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

<style type="text/css">#h"^moWv9p?
#supertext {
pt)Sa#? position:absolute;
'@5~,E\5Lp left:0;
K#Dr5D,C(\4|.{pB top:0;`"[BWfr
visibility:hide;
9fj~M"b#bWd~A visibility:hidden;
&LY4dB0F }
&J\slaZ </style>
] K8{H'z&y <script language="JavaScript1.2">
Z!A6o[2`
F0e <!-- 改变下的字体的大小。颜色-->8uM$lK cW
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>''rnh1~On2?]
var hidetimer='';
;PQ,p~qq'WI <!-- 改变下的弹跳速度-->/q z@EX&Z9O x_q
var BallSpeed = 20;M D5T(SaHW#~-A?;u
var contentWidth;V(M)H:~`WgyAo/S
var contentHeight;)kzz/PE7I v
q
var maxBallSpeed = 50;
tj |-t(E
B4?@u5m
F+T*j7@L B"~ var xMax;{5?(|_:U
var yMax;
qt4\3k*R\.~}5Z var xPos = 0;Q6Y+w9z/sXe~
var yPos = 0;*o*\/O"o-jG]ID
var xDir = 'right';
&g2vA*C(o G8WH var yDir = 'down';
O&vWm/HY var superballRunning = true;
2DZ8g-nyu6d var tempBallSpeed;
R`8I|I m@rg var currentBallSrc;
;K9~6r7P p0n var newXDir;
v,rn/r/__d}H
var newYDir;
.IE*\~6?m9k,L R'kwNP{ \9}
function initializeBall() {M0s-UI
U
\Ut6u
   if (document.all) {Dm9h
z G
Hg
      xMax = document.body.clientWidth
@0J[!{v       yMax = document.body.clientHeight

N v Rc3V {D       document.all("supertext").style.visibility = "visible";NZ JCI#w
      contentWidth=supertext.offsetWidthmB$y.l1cHXn5l1\
      contentHeight=supertext.offsetHeight
?(z%Y7h!}u5P9Y8E       }g4a;FvX6A6}se
   else if (document.layers) {
,w$TjUggxE @       xMax = window.innerWidth;Y?u4kks)d;B
      yMax = window.innerHeight;T/h)g cE(x~
      contentWidth=document.supertext.document.widthBH&] Shf)i&G
      contentHeight=document.supertext.document.height
t G'a(K0y v_%f z_       document.layers["supertext"].visibility = "show";
p.sBM
BCns       }0g.[H'f/LB"kC
   setTimeout('moveBall()',400);9}vQ9n#L(p3L]
   if (hidetimer!='')
\,e F1[5C?    setTimeout("hidetext()",hidetimer)
w/W2j g@ K8?    }
$LO|HPf8`.o *B OCq5c3v0]e
function moveBall() {}O&hJ_1A.gWtoF8]
   if (superballRunning == true) {
^4Y
}@9?L#pY4C`3P#a       calculatePosition();#is1{N;PWHaS)W2`
      if (document.all) {
r3@&n2t^          document.all("supertext").style.left = xPos + document.body.scrollLeft;
*O2Kb1O5[wL          document.all("supertext").style.top = yPos + document.body.scrollTop;4w c |CP ~8Q({t
         }
wD3G z5xq;M&V       else if (document.layers) {E)Od~z9cc*ilS
         document.layers["supertext"].left = xPos + pageXOffset;
Tq
h6C"o[UPyA W          document.layers["supertext"].top = yPos + pageYOffset;
G&@)e}^ T7K          }
a[qu b!q/hn       animatetext=setTimeout('moveBall()',20);~#Y(LC;]FuW
      }
$Y7j;};bq0n    })Q
I g"lHLf'AhF

g/E+V4r*E(Qj}~,w function calculatePosition() {
HX`/g5@/o5D!fJ    if (xDir == "right") {n7Ukjc]
      if (xPos > (xMax - contentWidth - BallSpeed)) {
s1o6B&a9nJ m;? g!Q          xDir = "left";7B3^R1x?f$|
x
         }_X.o | moE
      }
~V"@8Q|3i    else if (xDir == "left") {3L
ZNN'UE)Y
      if (xPos < (0 + BallSpeed)) {
iWDeE^1e*oJ          xDir = "right";.E2f_ |8p3`N0\*d&c
         }
q1O!SB*[p,|8|{n       }
s#Y&`]N    if (yDir == "down") {+PEru)Uy.\
      if (yPos > (yMax - contentHeight - BallSpeed)) {dyG ^I
         yDir = "up";`JA
^\&wX
         }+I7r&hA)bM+D7J
      }
6M$f(i8L(Jt    else if (yDir == "up") {E^1sqVq Zg,I!E
      if (yPos < (0 + BallSpeed)) {-|?/M.VTv3v*w
         yDir = "down";3uWC~ `
         }
TH:} Q].P^8wrQ\5J       }
:@Z!hs#C\_em    if (xDir == "right") {
X9@TYk
Ci&rT
      xPos = xPos + BallSpeed; to%Wf!c|
      };U H#k"Fh"\ h,Kt
   else if (xDir == "left") {
za%g'I2d9N&F,N       xPos = xPos - BallSpeed;
l5G@&S*Qt{s       }
k }8bU[    else {
5l*G8n
hF9z       xPos = xPos;f!a^ R5O'_
      }
B/T/j+J(r/A|    if (yDir == "down") {
z$Aod6Wb       yPos = yPos + BallSpeed;O#sB rx
      }7p"v _pFnL
   else if (yDir == "up") {:O^)Y"ZYV
      yPos = yPos - BallSpeed;
7{:u)sH.E'QG       }
q8j*B"_2]    else {iGrK'n{k
      yPos = yPos;
rg&~0MtxICL       }oq/y d+h9e$ji
   }:`-HXp9EGF:?
8X*d&Rm3D d}P,O
function hidetext(){o%TL+wd3KJ(m9@1y
if (document.all)$h@w9]/`0}/l7M^B*OQ y
supertext.style.visibility="hidden"
WTJB:g]/O@+y4~ else if (document.layers)
2M2V+l9cI document.supertext.visibility="hide"
!_j#X__ clearTimeout(animatetext)*i"c(j)m%s
}
)Z*f6v![$_f
+t? G.n4L'P if (document.all||document.layers){
%C0X V0kGG document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')4D^8d)z6A4P)J q!b
window.onload = initializeBall;F-E%oa$fm$i%K[
window.onresize = new Function("window.location.reload()");
O6UOLa,?9P4X1D }| {Vr0W*H4|

D2I\c-E </script>

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