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

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

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

<style type="text/css">#_T-C8mg#@
#supertext {
5n1@Q$M n E position:absolute;
U4Jz1QoS-GbR left:0;(M8h5z9tj7|"Y
top:0;#TI-NV Fi&\)f
visibility:hide;
zrg6WH{_ visibility:hidden;7~?4n2l!}.M'D }U
}
UT:isl"t#C!? Y5` </style>
r'^NI%Jk \m <script language="JavaScript1.2">
/J.y)S]V
a <!-- 改变下的字体的大小。颜色-->
4e)J@;NC[+HO var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'t_~?bf
var hidetimer='';c} ]4gs*Gs5\Z
<!-- 改变下的弹跳速度-->
-d/mA,m*XIx var BallSpeed = 20;rM1@zE)Y7x
var contentWidth;
nh){a O,I var contentHeight;
DKm_M BK var maxBallSpeed = 50;5f`UX-j_^HC

? ?RF'Uo-r~L~
(h.AIi*|:wo3e5?nX
var xMax;
dFG_#|t{u5_R7F var yMax;$Y6rF\$WC$P*J
var xPos = 0;A}b7k;@B^b
var yPos = 0;x*x{/P"mI8J0UB
var xDir = 'right';Q2NB.s~'Y_)B u
var yDir = 'down';
/b&zT!vh s var superballRunning = true;&i-{D&tB
T+JMZ2S
var tempBallSpeed;e+CG7iiIv5|
var currentBallSrc;!c#^~;c]
var newXDir;:U$M)[
b0jG
var newYDir;
([nrVwSyD
!]*]V@q8P.Fc-ul function initializeBall() {@$r)HL8C/@ u
   if (document.all) {
*O^'a4Xq&sEtO       xMax = document.body.clientWidth:^;`q%vRn!s
      yMax = document.body.clientHeight
|x/Z/b%N(M cj/j       document.all("supertext").style.visibility = "visible";AYDC Bw&x
      contentWidth=supertext.offsetWidth5` C};D#nVJd!ah
      contentHeight=supertext.offsetHeight#q:MA|:G D{,L*@
      }lkBJ#aV"G
   else if (document.layers) {
m;G F1y!H3?j M Ey       xMax = window.innerWidth;:CiOL6fIyd
      yMax = window.innerHeight;R.reW_f
      contentWidth=document.supertext.document.width
1Vo }nav       contentHeight=document.supertext.document.height
7R
n1tn GtS       document.layers["supertext"].visibility = "show";.Li M)W*[,gw8\$P
      }g0bD,OI ?
   setTimeout('moveBall()',400);
Wy0jp6V~ez\    if (hidetimer!='')
0l Q0Q*Q5{Ig1z    setTimeout("hidetext()",hidetimer):V!FN6C0@ Ca
   }W9O5VI [B0E
3pF;HfA-q za_
function moveBall() {4X_'[;{t3\5i8A
   if (superballRunning == true) {
j3_3x8X,DlH m       calculatePosition();
+^7j A;j{a!lf&q(J       if (document.all) {/P5II%a]BQ8LM%V
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
J%@"n0c'LEj6o?          document.all("supertext").style.top = yPos + document.body.scrollTop;
j&u lO6my*mRy9?0K"_          }9bE |GB|
x%?1C
      else if (document.layers) {
4EQ)]P3d8lo h          document.layers["supertext"].left = xPos + pageXOffset;
|pe:Ml          document.layers["supertext"].top = yPos + pageYOffset;
-}n8i$NBQTy Us          }[ch'zy2].sC
      animatetext=setTimeout('moveBall()',20);Z3C*Ai'An/X
      }
6f;bQ*|-X m\6U3O&Z    }
*r S.S5X0R)aUrsN I"O)q'pu3P"`
function calculatePosition() {Q3R&ED.Wz4X&y-RB?
   if (xDir == "right") {
lE~0`@8b,[pc7v       if (xPos > (xMax - contentWidth - BallSpeed)) {d.V$`Y)k_ L-P"by?N
         xDir = "left";(t%VOW0m-v
         }
2cj&R/YVL       }
s-A ^L(?+Zn7EFH    else if (xDir == "left") {
i)d;?Qp{I,v;R       if (xPos < (0 + BallSpeed)) {
T,C Sc\C          xDir = "right";/{U JJ.W_
         }L1IxI7z!b!K)|
      }D7p\7P&o"b
   if (yDir == "down") {
}6q"J5EL$t.MX       if (yPos > (yMax - contentHeight - BallSpeed)) {
/u+m-?`mP:J+[2R$lB"F          yDir = "up";
-w$kM#`] k          }6K&Q1G"S$a
      }
{']Wi1_O)O$d    else if (yDir == "up") {SFY7D_?cCQ
      if (yPos < (0 + BallSpeed)) {(k _#YQ-P
d|
         yDir = "down";
CNVC%}5QZ          }
|2{ wV$S2p       }
!a`+g9H4_ x    if (xDir == "right") {.C)^;p~|akA cS
      xPos = xPos + BallSpeed;~K;F+P,LLg]J
      }2bn%[.C!X:r c
   else if (xDir == "left") {l"q,Z/WL:RBmg@
      xPos = xPos - BallSpeed;
x$zd;yRl/]Z       }n2]_|D
n4gx\h
O
   else {
q0a1f5Q Y(Rrt#D:j       xPos = xPos;1aV o5Z!g!b'~
      }
%mT3{IzJk6p,W2~    if (yDir == "down") {
:aM8C(Yj!fN2P       yPos = yPos + BallSpeed;+y T)E @O
      }
oabO1e?    else if (yDir == "up") {{'en[TUv
      yPos = yPos - BallSpeed;
!F)F!S!L[)P0^&\Q6R       }Bg$Rh%qOD
   else {
#w
H%C},} I*bEM       yPos = yPos;
hxHDA9KK       }7jiX9ZeS^eYq
   }
k2v0]w%OA
L
ln?1to function hidetext(){knc#?T.kM/~P HR
if (document.all):eiO,k5Pi!Jn:q
supertext.style.visibility="hidden"i&}2S!l@JO
else if (document.layers)
(~!T0gq4v`$G M cI document.supertext.visibility="hide"d(`o
S iUy
clearTimeout(animatetext)W@qj'Z.N fT
}
yP9^3|2][u
RQ lN"KX j'N8Y if (document.all||document.layers){l8Wee9`v#p
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+O+|l1O S3{.I#@\
window.onload = initializeBall;8G3|RLG]QGD
window.onresize = new Function("window.location.reload()");I Cs"PKe
}
['v9b/j#[.[D
W
iu0_^ZA;Bv,G
</script>

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