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

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

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

<style type="text/css">v(V8C4Y'V.s R Qy7~
#supertext {
_0Q*M6nhw'l*}TS position:absolute;
M9C4FW"|`ic I left:0;J^!{+?&Bg R
top:0;
VTb!r&I visibility:hide;+R.OX'Jfv
visibility:hidden;
)F)ggF6vcKv TP }d1[:C6T;m r~ }F2Dd?%~
</style>Wt6F3X3{ b y&I:Q~
<script language="JavaScript1.2">
`z m6`Ba"d <!-- 改变下的字体的大小。颜色-->
Nb)y0VlrnR$Z ^
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
J`o4]x b8Q3k var hidetimer='';
9}?C G+TU <!-- 改变下的弹跳速度-->
d]9W]j G `'u var BallSpeed = 20;
K"zA6tA F var contentWidth;
P}E9gb.p!~t0ET var contentHeight;LsN@2ru
var maxBallSpeed = 50; yF8k#j@H Y5O
y0fq)}:h_
$P
io!@OJ
var xMax;
!dOz-@1k-t var yMax;e2NJ;tF7Su
var xPos = 0;r-yVmoU
var yPos = 0;
J8Tqicf$\M]E var xDir = 'right';`0x@3E.dzJ!]
var yDir = 'down';:_b3~2Isf
var superballRunning = true;8Gxg C9w#n)~YJ
g
var tempBallSpeed;9v;l.?#ZV3s6H
var currentBallSrc;
{7YM*E4M+B/Y var newXDir;
Tb*W a)?w var newYDir;
#~/HJ0D1c/}0nX]#a
*\@HL{/Y(D function initializeBall() {
REOY~C    if (document.all) {#CZ6m-Na+}wa j[
      xMax = document.body.clientWidthn1_k*q$O:n(Ll%h2g
      yMax = document.body.clientHeight9S wruU
      document.all("supertext").style.visibility = "visible";
+N%u~_PCe/L       contentWidth=supertext.offsetWidth
Vxh9j/G6J:a
Qn       contentHeight=supertext.offsetHeight7whB*@:J!L^$kQ}1B
      }!wW|\,r'k5P
   else if (document.layers) {9d[\ s)[w?
      xMax = window.innerWidth;
zbL?q[       yMax = window.innerHeight;
@ a}#s*`$Y#C       contentWidth=document.supertext.document.width
x7}`Z}2jI
X_7T       contentHeight=document.supertext.document.height
Sr$~J7K4~7y       document.layers["supertext"].visibility = "show";
s6a*Qtp4n;]       };o0A3Sw;vA1}:E&iV
   setTimeout('moveBall()',400);
+m/GaSe
h0s    if (hidetimer!='')9WP3civ%g$Fo
   setTimeout("hidetext()",hidetimer)s(O\5A2^%f&d(J
   }
s1U,['dy.r7v
+\7\PI!\C function moveBall() {$klllh4B8k ?
   if (superballRunning == true) {Kzdj NG N9E
      calculatePosition();
m"[ T1Ad(S o;J^/C
      if (document.all) {
rgz+r2L+{4g*X3o          document.all("supertext").style.left = xPos + document.body.scrollLeft;
a u bsE1WO          document.all("supertext").style.top = yPos + document.body.scrollTop;
S-pB!N9x1i9t_7Y          }
qrYDI$g.eL@       else if (document.layers) {
j#j6Wxt+W'n#}8N$`,M          document.layers["supertext"].left = xPos + pageXOffset;
PT&Ul
W(aF-tM2j9X          document.layers["supertext"].top = yPos + pageYOffset;
h4]0?K9L3b          }ZD P!h{J%K
      animatetext=setTimeout('moveBall()',20);
.l7]r/q2S F5y~V       }iz+u:hi(|5^,|
   }
m5e,\I"j*f 8j!?d;A)J4t"E2]
function calculatePosition() {
azu.CdN    if (xDir == "right") { V IdEWJ)W
      if (xPos > (xMax - contentWidth - BallSpeed)) {4[ qUte+J8N
         xDir = "left";,D]_3^K'v{,~
         }%gVqLq
      }+@PeHYu{{
   else if (xDir == "left") {e-KuFF
      if (xPos < (0 + BallSpeed)) {?x9\|!@,G$TM/Ef
         xDir = "right";
r+nO0ZV7[h,YI3?5{5k          }
'w(L&FF5k8^1[%Jx       }
e K,r XI3I7Y/z    if (yDir == "down") {
cl(dX#D:y       if (yPos > (yMax - contentHeight - BallSpeed)) {
;a0^5C1b_b)`:qw          yDir = "up";\apV/R'q
r8F&Y
         }?UsS\@ u;c2U
      }o c%coV`ct
   else if (yDir == "up") {Q
Z:A(QJ7j+e
      if (yPos < (0 + BallSpeed)) {
8vS'F^ eY%M*}j          yDir = "down";zP~0DzJ}"W
         }
%\:ez%`l:c&yOC!]&P       }}1Mhx:Og
   if (xDir == "right") {(h!DA p
sC(W g\
      xPos = xPos + BallSpeed;c7?f^ t6BLv
      },\R3w0Hn3i[
   else if (xDir == "left") {
:O$bASY*WPy       xPos = xPos - BallSpeed;
xHwha"G       }YaXJ&e4klF:PZ`
   else {6A_Bm1I/V;`N
      xPos = xPos;
+w#Pj$}N:I/Z E       }F3y2[o&@+J;]4C7v
   if (yDir == "down") {
)N"w jW l^"V_@       yPos = yPos + BallSpeed;Lm E3i3M5S
      }5K'Ke;i%X
   else if (yDir == "up") {
CK"Du6s&}       yPos = yPos - BallSpeed;!vFB1Md O6d
      }4w*EUD@
   else {
Eje^/jAE7b
      yPos = yPos;{A~%D?/R h%@%a;G
      }L9XBP[/BA/g
   },]hN0OV3?
F)~S*k!Bb
function hidetext(){bH"JN i#e$PrCYq
if (document.all)KcdOf
supertext.style.visibility="hidden"9Wj'my2c5@2b
else if (document.layers)
Uc%R!Bv,ei document.supertext.visibility="hide"
#|%K C
T.^A9X'Fn/i clearTimeout(animatetext)8W}8Dv(T!E0T
}
,?ob"D)['y8rx
.UN m$i;?R if (document.all||document.layers){1R:lR?m1K6po4O
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
8N0x C$i'wke } window.onload = initializeBall;yx5e,F:PBz
window.onresize = new Function("window.location.reload()");

h8S3fH.Aig }
7pWPB%H s e5c9c6B zFH
</script>

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