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

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

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

<style type="text/css">
)f-Xw{6]yN #supertext {#l4T$Jc.rn#St
position:absolute;?fDDbKF
left:0;M~Q$l
f Tf'[`|
top:0;8} Y,aDjY
visibility:hide; Yh?~&K4G}:s/a
visibility:hidden;qx+Jr
`Q2{(il
}
E |1E;]*j/Gy </style>'fe7]p!~$W
<script language="JavaScript1.2">d8G0ZGKWYL/sA
<!-- 改变下的字体的大小。颜色-->
a{-|(u-O1mn var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
/k,n3~/W$K4^5u7m9Y \ var hidetimer='';
9PP:J5BQ <!-- 改变下的弹跳速度-->
nT)M ]i0E7SQ H3c!n var BallSpeed = 20;
]?+p(J'w]7xY1bj var contentWidth;%Z1D-iz"h$~Mc\
var contentHeight;
,U(u1`BQ${2d0i var maxBallSpeed = 50;Bi{&KX ]t9Bj

k^;i"w-v:y8JC
4I!y8C oDR5YY var xMax;
m*eT-];e1\2m#u var yMax;
)XP"H2@q&R(^2Z a var xPos = 0;e^oiA"}[
var yPos = 0;9XIXdNaR
var xDir = 'right';
Ci:a8qcl var yDir = 'down';)Pv*t4U5K PE.h1p-N
var superballRunning = true;t6v__!R7B!xSs?4\
var tempBallSpeed;GSzXh
var currentBallSrc;)b3y;_Y7w"RIA A'K
var newXDir;$}t)B x-~ \W EfW
var newYDir;?4|*P3E#nR[ V-SLT

\8BE\;]{ s
Na function initializeBall() {{,z h |%Dp~%Jb
   if (document.all) {
.L.H,e!_eJF0ob       xMax = document.body.clientWidth
y_(IgC"hZx       yMax = document.body.clientHeight
$M9g#m S G       document.all("supertext").style.visibility = "visible";+N!P8T EGW,t&n6h
      contentWidth=supertext.offsetWidth t#@}W_}$M?
      contentHeight=supertext.offsetHeight
7`2ycH1x%{0_4@       }5QA|x:}
   else if (document.layers) {
r-LYm.M
D6|       xMax = window.innerWidth;
e2hKeh)N       yMax = window.innerHeight;
,D2qkq/hn9Ms       contentWidth=document.supertext.document.width
Zp8v|5U qa _C b       contentHeight=document.supertext.document.height
3WgB(V,mo       document.layers["supertext"].visibility = "show";;^+s5F8D&cso
      }
t4i-~5Qw F.z)A    setTimeout('moveBall()',400);
t0?)B.Nd$j4FT9Vd    if (hidetimer!='')5{x1F9O!~w I
   setTimeout("hidetext()",hidetimer)
LQ!e8|+^:Mc&ovew    }7e#S;[]%z'\
Z|C4K2{zD R_
function moveBall() {L"Hu$}H'u
   if (superballRunning == true) {
s8KV@dvI;mF ?\       calculatePosition(); s,O {Z-v.I
      if (document.all) {
C?o},v'L          document.all("supertext").style.left = xPos + document.body.scrollLeft;
5YaX&b^e          document.all("supertext").style.top = yPos + document.body.scrollTop;
.Pt\V)x+Y          }4B3D#mT!Ef"|
      else if (document.layers) {
M;q6Z8o b:YgR g          document.layers["supertext"].left = xPos + pageXOffset;@+wt9Ff&Te
         document.layers["supertext"].top = yPos + pageYOffset;
@!z)iN0E4I          }
zb+Q)\3FB*I-A_       animatetext=setTimeout('moveBall()',20);
2d uK-|}^       }i3qH&ZN+bgO
   }
U])p~)C t|
F,UB To&erBiJ
function calculatePosition() {kI+sQSh:Y tL
   if (xDir == "right") {
#^f.Dn-}3{bo       if (xPos > (xMax - contentWidth - BallSpeed)) {

{
Au:ne+u;J&q'j#A          xDir = "left";q!i2?,o2[&j ]
hU
         }
#[w G
Ff4zo       }u4\q[yw+]`
   else if (xDir == "left") {
x"sO|4Po       if (xPos < (0 + BallSpeed)) {
`#s\A.z)Il          xDir = "right";
|k.z@X#B;Z,\L          }
"@'l rmQ6hk       }
/M2o3l wv]{    if (yDir == "down") {+Qv
wVu4Q&N'U5I
      if (yPos > (yMax - contentHeight - BallSpeed)) {
+[xXTika          yDir = "up";
3~oJ.X6`zlMiK          }
L2j#OAqJhSE7hI       }b:zok [4z[~%MlG
   else if (yDir == "up") {
"A'bt*Z*m!lQ5l       if (yPos < (0 + BallSpeed)) {
mW6RnjArBv          yDir = "down";
K}
Dqp Pf          }
3j8M1A^`,L'@+A6R       }P e"H.lfC
   if (xDir == "right") {7N~v9^w*q0}
      xPos = xPos + BallSpeed;'Y'q1]\)|b%SiQ
      }ER$m5U^Nj
   else if (xDir == "left") {
qxb2G rY       xPos = xPos - BallSpeed;
Zr2k~$|-Cif       }aP%[%yO;i0t]0_
   else {
mVkdf(V
      xPos = xPos;
F!V| Tci
sLs~       }
SckZs!G9e%y    if (yDir == "down") {
-a k R#O A       yPos = yPos + BallSpeed;
j T^L+a/rNgS s \       }7`e1?5R9r5s'l*|~ R,B
   else if (yDir == "up") { f9qFN x:HP6d5m
      yPos = yPos - BallSpeed;
?:q nO*aQ5m*W       }nI)c8M%m%W
   else {/\#j^/T8Vq7f
      yPos = yPos;
VfJJZ       }"]:BOPv
   }V{OP;sG-Wa
/X5nTj!i%a%q W$A4Q
function hidetext(){
*d]v
I*R8^u8l
l if (document.all)
yH7F-]%R0j1iF](s"R supertext.style.visibility="hidden"
'P0w:h
O5z else if (document.layers)*|A@B2v*hp%a
document.supertext.visibility="hide"
1S8V-U3w8IS"a clearTimeout(animatetext)$}3f9s1|~:C,IGR9o
}
8w+xzQ6U+Gp `\Q-Xf%mq8H
if (document.all||document.layers){
%rx7`+hA:R document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
+t5^.V)h)Y!L"{@o window.onload = initializeBall;
Ti2so
z4_6G)s
H~!D window.onresize = new Function("window.location.reload()");!}"MP1ya)e
}
4jke.T4B+Q
HBKg'Lg </script>

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