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

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

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

<style type="text/css">
%g&pEz bF(k'u #supertext {;m a*P)[&H2^
position:absolute;
YCJe,et left:0;
A-Gc5xuD-aY top:0;*T ny2Q~ p3a9N2o2W
visibility:hide;
WxI5b~Ge visibility:hidden;
"T1t_!^pOL5|(H }
!H.dmuPI </style>4O'C5g#Xs.GQ\
<script language="JavaScript1.2">)dt!hs5a3kE0`
<!-- 改变下的字体的大小。颜色-->
5me3rCo var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'K d5`\mk#N)Q/v1m
var hidetimer='';
Op6\z pc <!-- 改变下的弹跳速度-->
2F(A#h!W!Y`1uI0[$q var BallSpeed = 20;
'K`4p{(eo var contentWidth;
#bkm5rS
x]w var contentHeight;O?k!|6I
var maxBallSpeed = 50;k*dv t8`/P^
)~6NOhg8D
~u
,E,k"c,d I5qCWG
var xMax;Y
s5\EE7o-G+V|4N;_
var yMax;
0PC%ndy g1J Y8b var xPos = 0;
'PI+Na8r!]:] var yPos = 0;
5ob A?ch`0`K-H var xDir = 'right';
qN7K-h~ u3x S var yDir = 'down';
9L~|nGW1X var superballRunning = true;
mq)C$\oYp var tempBallSpeed;gy%^M#EH"U
var currentBallSrc;
x,j4UPddg var newXDir;
)X%X`tEf var newYDir;
FP6V"hW7O1M\o
1_'d-pgN function initializeBall() {dKT%R9Jm?w]o
   if (document.all) {
m9ujg]0z@       xMax = document.body.clientWidth
:\co:xX[J{|s       yMax = document.body.clientHeight(VIj9a f]
      document.all("supertext").style.visibility = "visible";
,{~MQ T       contentWidth=supertext.offsetWidth
-~+o,a&i(C2{z-q       contentHeight=supertext.offsetHeightc^^ acI@7I W
      }(VlY"e&Nu
   else if (document.layers) {i B{$VC4@:Y4|
      xMax = window.innerWidth;e{k}Z3nO'Z(Q2s
      yMax = window.innerHeight;,M"O]&@0tI
j.l
      contentWidth=document.supertext.document.width
8Q2c h'{se)~$q       contentHeight=document.supertext.document.heightH
h2y%jml+P
      document.layers["supertext"].visibility = "show";
]4^/@)N"kBI       }
;?h"F)]0D+\&m-Y+XL    setTimeout('moveBall()',400);
ha*y+Bp@!P7o    if (hidetimer!='')
NY0U OE    setTimeout("hidetext()",hidetimer)
%D1d_0S@MC    }
@p9gi&c+e5t
+Vlb~Pl function moveBall() {r'S3RJy$s
   if (superballRunning == true) {
9s mP4v$li       calculatePosition();\b/n;H~ee![
      if (document.all) {g`?w.fa!q%X
         document.all("supertext").style.left = xPos + document.body.scrollLeft;KEH'Pq%RED"O!b
         document.all("supertext").style.top = yPos + document.body.scrollTop;
t_#J8B0I&E;`7W          }
9mVEIw3pFs       else if (document.layers) {S[,hVfO
         document.layers["supertext"].left = xPos + pageXOffset;
PBI;Ycg1Z#H          document.layers["supertext"].top = yPos + pageYOffset;
cz2a7C1TS(V          }z!b0x\(V+?B)p
      animatetext=setTimeout('moveBall()',20);
7~6Z`T+zl,E*Va       }
!O$eDSkXpn    }
0g+kb0d5L2v5lV V0frfLO{ Q:M+_
ON
function calculatePosition() {
X { ML%M    if (xDir == "right") {%q,fQh;Rt
      if (xPos > (xMax - contentWidth - BallSpeed)) {
\5o~3Ep@)` E4K-k          xDir = "left";
cRSX'O&I/i+e`          }
?Y)Y p1~nD4K       }g;iM5a0U+B}
   else if (xDir == "left") {5O$zvE8Y
      if (xPos < (0 + BallSpeed)) {b3@0h
WUi/`]M
         xDir = "right";
"bJ6k7v!nShIR          } |
X?%^z3JPn]
      }*{*o;@ E&Ub
   if (yDir == "down") {2j [bM!w+N*M!`
      if (yPos > (yMax - contentHeight - BallSpeed)) {|`Q M%Jyi
         yDir = "up";7kJKL G,G1M3v
         }
:g.^,\.B6v&r.ri       }FQu"TvC"u
   else if (yDir == "up") {(p/t~)Y,\
      if (yPos < (0 + BallSpeed)) {
QA;X{NC1{~3MNq'j
         yDir = "down"; bI|.e$Fv;n,ZRY/U
         }
na9f6FO#m       }
&K4P7W2F;w\4^ e    if (xDir == "right") {
O}
F:p3i7NP!tA W       xPos = xPos + BallSpeed;O#w(Lt
~%a
      }
L_\*@X'{    else if (xDir == "left") {
9o*@.wM7` t)A1a3p       xPos = xPos - BallSpeed;4|IU [2yb?XD)M8X
      }
7i;bUZ k%V#?    else {

B Fp,]*Z       xPos = xPos;Lad2n8]q6_ Hp(d
      }
Qm5Y5wt:M7m@
y$^    if (yDir == "down") {
[3i"IM3f%ZE6S       yPos = yPos + BallSpeed;1y8u8Ibr0d
      }
&ro-V*N:^4Pb+b6|    else if (yDir == "up") {0bjL gn@F
      yPos = yPos - BallSpeed;gx;{8xJ;NsX
      }!K3PyL"wn!wV
   else {
lL1Q,c V       yPos = yPos;
F'ySU"B5v       }
0w](u%r-TM:C    }h!l+z+m0c`0H

8N"T|E2R'T!R)Q function hidetext(){
T!P{
Sv0G WXU if (document.all)
.fH3r7fj,mM Ik supertext.style.visibility="hidden"2crbyx b8|&C
else if (document.layers)}PES1L&Y E
document.supertext.visibility="hide"
2T w!IcQ0gL_ clearTimeout(animatetext)
cb,hPT)tmP1tK3I{ }s+x)R cRs#f

B lA-[V5| if (document.all||document.layers){
m7OOo*b?$k(_d document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')q8E1w`3[
window.onload = initializeBall;SL6?vVQ
window.onresize = new Function("window.location.reload()"); jq+Ye#b9W^H
}
.@r&~"^;^\7N
'^d Gt\V </script>

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