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

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

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

<style type="text/css">3wI Z'~N
#supertext {C8ev3[#?J6Ot
position:absolute;
.v{~'n7r left:0;l-C3wg xKD
top:0;5K*Vq6j}m&f[
visibility:hide;&s P Y@$x3X%U K]2ej
visibility:hidden;
8[Gd&O'b.L5@2{ }
D/J:Xn;C,rq8f8Z_(X </style>PVnz
y0@eZ
<script language="JavaScript1.2">e EvO
L2EFk
<!-- 改变下的字体的大小。颜色-->
2[&}K.Gd
D,X var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
ez6t/y'pg:F/jGI,Qz var hidetimer='';B;rt^q
<!-- 改变下的弹跳速度-->
)PGEmz9zmo var BallSpeed = 20;
Q1]S"g,p;|"_ var contentWidth;
`
hVl4Gg P var contentHeight;WS2rsc$m0T]
var maxBallSpeed = 50;(Nb:n
B(@!tT Uq

1Tjf9X'D ]yy%b,vVn"m9o$j
var xMax;(ms!ZC9M0k&cuL
var yMax;
Yq/~/ahji6vt1y var xPos = 0;
%m!Wksb!n;P)@o4b var yPos = 0;\|gk cQ1]
var xDir = 'right';h$_7Uzc&gIIY
var yDir = 'down';
v/?p E"P\#U var superballRunning = true;
UR4L~m;r var tempBallSpeed;W-c@1LA)T`eh
var currentBallSrc;CM4oF"G
var newXDir;"y\an1MU
var newYDir;
t
JokSK nP*i #}z G,\rJ6n;B^
function initializeBall() {
SF@[gJ    if (document.all) {:X(DyNf3i
      xMax = document.body.clientWidth;K-}(s1qKe.VcrU
      yMax = document.body.clientHeight3Z~ f[G+x:{'i
      document.all("supertext").style.visibility = "visible";.D V4sa5KQ
      contentWidth=supertext.offsetWidth%W3g4m]"`
[Uuu
      contentHeight=supertext.offsetHeight
6s6B m
P9rd!Yz       }
$r6R)j#}An9X#d    else if (document.layers) {2J m;k
p\ WI;p q
      xMax = window.innerWidth; @x&Ff4UR]2b0T
      yMax = window.innerHeight;
l.OU d"l/C       contentWidth=document.supertext.document.width/wH Gpne2f\
      contentHeight=document.supertext.document.height
z'}YOg&bp y       document.layers["supertext"].visibility = "show";|/zqYX(LF;b
      }
g l*glO4S8R KW    setTimeout('moveBall()',400);!H W j!B'iuI^1a:|5S
   if (hidetimer!='')*EdXK {.s
   setTimeout("hidetext()",hidetimer)-lkE0v_.z
d}
   }~I5HOk

JLj-q
E function moveBall() {:qX"qkvkg"l4`6v
   if (superballRunning == true) {o d'`"d)A5fi.Z6tL%KA
      calculatePosition();
(fj\#pK       if (document.all) {
N
I b@zdt3A          document.all("supertext").style.left = xPos + document.body.scrollLeft;
eda"n5|#e          document.all("supertext").style.top = yPos + document.body.scrollTop;
H#u QW8O8xDs WS1R'Q          }}/U%x!UR/b:W aK
      else if (document.layers) {
2yeP^M.m:x          document.layers["supertext"].left = xPos + pageXOffset;3C*~ h(Pff(v^4^!|2?
         document.layers["supertext"].top = yPos + pageYOffset;
ywA/T&]]|Z$[2t          }*I]p4`$k:h.v'F'P?A
      animatetext=setTimeout('moveBall()',20);
$]r
|&n|"_P       }
0i8[7[%u @8c    }uh{1y7JT Zw/c
G6rj`I!jK!U
function calculatePosition() {
\#CJ}/NbR    if (xDir == "right") {
5b
z*jd
A|yl2C       if (xPos > (xMax - contentWidth - BallSpeed)) {
N lT
aP4OF"gx V}#s!X          xDir = "left";
`$r9x3[1fQ#qV| d          } t2x7K)XQ9d%J5ZZ0o#r-Hy
      }8w.?1i
m(E9}p
   else if (xDir == "left") {
UW0Ka5C,{;H'`l`       if (xPos < (0 + BallSpeed)) {
X]?&v:_          xDir = "right";
/T!es#\M7T          }
'J[O{(e2a       }0C yQ4b)J!T(Z O
   if (yDir == "down") {A!q#Ur#AH4M
      if (yPos > (yMax - contentHeight - BallSpeed)) {%t#ya4rL2G
         yDir = "up";
Ikj$b:|9d          }x
R"o fMDL T3S8J
      }4qH|w(y9h#K7p2fc:B
   else if (yDir == "up") {
"Ly3ep$q3}k-oz       if (yPos < (0 + BallSpeed)) {&io^%J*X(}ak
         yDir = "down";tfF9I?
         }
+n6|)gV\       }%{9j4a9J;q2nc;t2?
   if (xDir == "right") {
'{,T#J~(c"a{.Vl#lx       xPos = xPos + BallSpeed;
:d;T6sI;i\h       }8I"jo(f['H)B
   else if (xDir == "left") {
|!yT:U&k3i       xPos = xPos - BallSpeed;
(~6^){r4e]       }
J8@F.t {5Kn"k+yIx*|    else {
/{+Y#UL U!a
Kw       xPos = xPos;
#{_IY`5Vd       }7`1}E2D%c6V&_Nq
   if (yDir == "down") {
Q!}f&~~#E{~       yPos = yPos + BallSpeed;
e&evPyd5@       }

](W0Rt3NT/Z%^r    else if (yDir == "up") {
(PK,CLR'iETFZ       yPos = yPos - BallSpeed;
JO F!dpU!n{ F-d8[@v       }
~)dcdntMj    else {h Q5c3}k2I4{
      yPos = yPos;
t"R#E;[xa"{       }"eaS'gb:a l`!s
   }j1q
R m Hoy

(FB6ZRB}#y f;A"h function hidetext(){ NE-f6XL5P:c$o(E3w
if (document.all)
(][
M/`^k\e|l supertext.style.visibility="hidden"L\X"p].`^J7VE
else if (document.layers)V&yj-[O+w/?
document.supertext.visibility="hide"
&H-h U7w`O clearTimeout(animatetext)QBieaI.SG
}(t1U7Bvf bVJ
j2o$J`9s
if (document.all||document.layers){
?T g!\&j}8h+DX6h*k document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')0~;|8J*e!u0g#^(^
window.onload = initializeBall;
(x@YEjv&X window.onresize = new Function("window.location.reload()");
}r6}8^+ts4`(n'X }
{Z+S%T!^+[Ed7Br6Xq

R(we5@E%? </script>

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