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

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

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

<style type="text/css">8Y_p5fVHT;E
#supertext {+uk6evo-Yft
position:absolute;
AL#zF/F)] R left:0;
a`a,PG(\ top:0;
4wC `J%W | visibility:hide;
,^(O0Po4{7NT"z| visibility:hidden;W+~g p(j)f
}
CL4m-w.s5I.F </style>G]3ZPH0F
<script language="JavaScript1.2">
8R0^L:EJ:K <!-- 改变下的字体的大小。颜色-->
9SL+\:u:v+hl var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
g`;a5D"hU3E var hidetimer='';
\1@||CPJ,i <!-- 改变下的弹跳速度-->
3X[w1O~Q var BallSpeed = 20;1N1sN1[sf
var contentWidth;
Bs5?+Pe&I!d8n var contentHeight;Hr%|h yO&L^
var maxBallSpeed = 50;
]/\#Dl.]@*C"Qy
-}@Yu~(A*e6k;^
R"|1{;F-f Q var xMax;
zF:v.l"~#W(e)W var yMax;
#YL4hTZt var xPos = 0;;A3~z1D:c3P S_Q/^|
var yPos = 0;
%ng~{|&j Iv var xDir = 'right';1Gw/k#y%I w7m
var yDir = 'down';T-Q(O9j$fb"w1Moz)W
var superballRunning = true;%gL3en wS
var tempBallSpeed;
+s(Wl-Fsd var currentBallSrc;
W4@\h7k{ var newXDir;u1w3~*M;B)Zj-r
var newYDir; @)u(oU-M*s@

*dQ5SA4n~YSj function initializeBall() {*rcZbs_HFjo
   if (document.all) {
!`+}*Jj*Xz-@!?,X$d       xMax = document.body.clientWidth
5BP$td\Pn%xh,? _       yMax = document.body.clientHeight
ZkPI Fvy       document.all("supertext").style.visibility = "visible";
tsn'h+I5xa       contentWidth=supertext.offsetWidth
Y2x*\2L'cJ_ j       contentHeight=supertext.offsetHeightyJ [RO&t'N {8c
      }
cDI9hJ,TOl-v1d4I8K    else if (document.layers) {2B8jTS8h|
      xMax = window.innerWidth;7q4PtK*ibT&s
      yMax = window.innerHeight;3cbE'}:t4\,F_t
      contentWidth=document.supertext.document.width
B Oa_Q @F       contentHeight=document.supertext.document.height
\)X+?~0`i*K       document.layers["supertext"].visibility = "show";
:zch4s6I&k'e+{ U&F       }
L[r
V-E)L    setTimeout('moveBall()',400);
4|Z-Gk4P$a"z    if (hidetimer!='')
UM$`6L \U    setTimeout("hidetext()",hidetimer)
tm8aM|
xa7d3K5j/Q    }
S2gI;I(a%~QJC1|W2C 2ev.h{/n2K
function moveBall() {
A7e.izT    if (superballRunning == true) {
t%d.Q_vQ0i       calculatePosition();
$j1T4Y6l"BZkR*Y       if (document.all) {a9l r `4ae+u _
         document.all("supertext").style.left = xPos + document.body.scrollLeft;G:o&_ q)L{
         document.all("supertext").style.top = yPos + document.body.scrollTop;
Q} X,D5IM          }
(i-}IO ~I*[klKl       else if (document.layers) {`2]j7d8UP
         document.layers["supertext"].left = xPos + pageXOffset;
$G)Q T+H A0f          document.layers["supertext"].top = yPos + pageYOffset;@O.jBh
         }
VF6GO
r(c       animatetext=setTimeout('moveBall()',20);wU9Ih;^ c`
      }
"zH/zGc$Jx    }A3Z3X@%I| o

yTMwG function calculatePosition() {
"?!x
dt%my    if (xDir == "right") {
.S MQH7Wr+?)_       if (xPos > (xMax - contentWidth - BallSpeed)) {
&vS+i8O0m1U          xDir = "left";5b-AF.sK/C
         }
4|L.r[6D?!jU'B       }
!h:kG9uV"h.E`!S    else if (xDir == "left") {
q"N0lt5J ? j       if (xPos < (0 + BallSpeed)) {'{&a({*B@jq
         xDir = "right";
Va)Gx^:o~
l,p:O          }O|K"HV-E
      }
C&cK
Cn
ph    if (yDir == "down") {%V~7N;h*RD*D$D
h$c$k
      if (yPos > (yMax - contentHeight - BallSpeed)) {ZW@$Lu
         yDir = "up";!f T k8g-b6A,\&TG
         }
(r)O;[M;y;pC       }
I1Mey6_(I.CqRC%?    else if (yDir == "up") {}i7m DhL[u:Ph
      if (yPos < (0 + BallSpeed)) {
-_\ Q6W2o/@.Pg#{          yDir = "down";|7X@T&M+Z{%Q
         }
}~Mt{^._x4F       }v`Y3t lD#E
   if (xDir == "right") {0F]&VK7d`
J
      xPos = xPos + BallSpeed;U2S R%{A6D
      }
n2w&b mk1AB;e    else if (xDir == "left") {c5w(vses0H E_
      xPos = xPos - BallSpeed;
j}\3v iuE&F       } cAwW Oc
   else {)]n7mwa
      xPos = xPos;
C6Z'q3dN M-|Mp3X9H[3Q       }
)tU;UAWW+[5f7qT    if (yDir == "down") {#Q{[S ~.g!u
      yPos = yPos + BallSpeed;
U3Y&Hfx
on8{6jH       }
~r5z!tIq3yH    else if (yDir == "up") {xH3[N'~$o
      yPos = yPos - BallSpeed;
.~0](TVv*?M       }
$j%\BDX4li,mALh    else {RK j6A7~[1]b
      yPos = yPos;T"Vx,rd$P'{-| ]?
      }` Lm6o[.[&D8_E
   }.Q5XQ1IO ~ MRS

MO3g{0B^cLP function hidetext(){ ZbLE%a-U.`u&Z e
if (document.all)
F_7JYv zM9A"y#X)L supertext.style.visibility="hidden"%`+bNMob td
else if (document.layers)9p/PL${#Cp ]hRDW$c
document.supertext.visibility="hide"[,C3|K#Pj@
clearTimeout(animatetext)
!v'}9o$|,_%cG^v }X.S2wV/P]S9w


M
W6N!R:rkkD if (document.all||document.layers){ }9]y;F(c
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0u;a \8L9N window.onload = initializeBall;
#c8d8TQB4v-op0C{ window.onresize = new Function("window.location.reload()");*sU]uj*g/W:U_
}
'\~'VW m&M \ R'j Xp $S1ZT q!b#O&]
</script>

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