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

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

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

<style type="text/css">
/i-E,[h\7~3V(k`,s #supertext {
%l{k#Zf9p v&^Y position:absolute;
U]
}w])ev0H }-] left:0;
#t;gnV/I!_ top:0;
5J g4F2@M visibility:hide;
m-?*u%Y{,W_@
w:_ visibility:hidden;s GNd |6K-o b
}
cm+@;r'l1{ </style>
e&G4Xr/`A(Y/} <script language="JavaScript1.2">D#cY*K vnL-b
<!-- 改变下的字体的大小。颜色-->
X9I@2gS-d/L'M var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
T
O0K&v[,sj'r var hidetimer='';
n+t1]+l)R%o <!-- 改变下的弹跳速度-->

I*rz6Z&m*q var BallSpeed = 20;
!kRK#U#Z,wb var contentWidth;-R4Z:Cc ?:~#qy
var contentHeight;
:g{E\.d)n3g-a var maxBallSpeed = 50;
bp}rw0@ 3q&K/g4H!D(@ s(x"O
}%qW-bc4SI5r~
var xMax;
xM^1Gybd|N var yMax;
8W+pHYR var xPos = 0;U+N*{YPKk*Y
var yPos = 0;Cw![(k&Dd
var xDir = 'right';
o1}Y~tg"pq var yDir = 'down';|Rha|]ds`
var superballRunning = true;
"z7c$AQ S.k;k w var tempBallSpeed;+D[J(G7@$g\2}4wH/D
var currentBallSrc;9h,El,Z3^F!zw N
var newXDir;
jr$X@Aa'r var newYDir; K N&s)d+_#B,\L3S
.j7]%C d
T%nmy
function initializeBall() {
q4`ZOx"W{L)N0py`    if (document.all) {
/SS tbb       xMax = document.body.clientWidth
6r M{A3J4t       yMax = document.body.clientHeightp_dy p
      document.all("supertext").style.visibility = "visible";
{7G'x!?o:Hm8V0T       contentWidth=supertext.offsetWidth$Ll.y`qk"k;u
      contentHeight=supertext.offsetHeightm*g&i`2P
      }Z}7e*_a ^o
   else if (document.layers) {A8_9S&m)sv6`}7_{'X
      xMax = window.innerWidth;
owM3bdr$W       yMax = window.innerHeight;H#?%UX,Y@6xq
      contentWidth=document.supertext.document.width
1L i
e'jX!`       contentHeight=document.supertext.document.height
QP
T*XtYr0z       document.layers["supertext"].visibility = "show";
XDT j!q5t%{ h_       }
C}J.AvHTe    setTimeout('moveBall()',400);

Hj _[m%z*b|    if (hidetimer!='')
fJ\J3|7L    setTimeout("hidetext()",hidetimer)&]9ov*j9o? a
   }5C0w&En8hz6?H
Hvu+Y4YR
function moveBall() {
'Y R6z?3H    if (superballRunning == true) {SS$XeH)_n}ay
      calculatePosition();bcV#x zs(}
      if (document.all) {
k{ uz\"_ G)UA4}d~:jY          document.all("supertext").style.left = xPos + document.body.scrollLeft;/v~J"].[
         document.all("supertext").style.top = yPos + document.body.scrollTop; XP4zF&@W:j9I
         }4[,x)xJ9_'u
      else if (document.layers) {
8U!M,GA'~|          document.layers["supertext"].left = xPos + pageXOffset; HZ!\ w1K
         document.layers["supertext"].top = yPos + pageYOffset;
Z)F9Y&?G2Y0b*W[-H4G          }
B9X0c(N+cv0u2k       animatetext=setTimeout('moveBall()',20);x{oR5Q5GF.T
      }
Us5Uo8Q,y*hH ZM    }
Q:j*M2e [E1F
o(Zc;x%\t#A function calculatePosition() {
v.QIf8{    if (xDir == "right") { a&AX1e0z0VQ
      if (xPos > (xMax - contentWidth - BallSpeed)) {LAsB `
k
         xDir = "left";
R@ zlBt          }
F-t*t:X]-b_+O       }
'S[ I JoM    else if (xDir == "left") {
-vZ)|/|,vy       if (xPos < (0 + BallSpeed)) {~+d-Xt*y0B9~Me
         xDir = "right";
(G WF4}+b&mxb `S          }.I'|8K lf%G Y5G
      }
+w~[twBzt| t    if (yDir == "down") {1o_|[v(w
      if (yPos > (yMax - contentHeight - BallSpeed)) {c.^AS%?
         yDir = "up";!Tj5c(ldc e1{C
         }zEM%KT{?T.h
      }
'W)Bx EG#y*c'Q8J    else if (yDir == "up") {
rR
qQ0Lw_       if (yPos < (0 + BallSpeed)) {
C%~Qm'w,v6~'\          yDir = "down";.Dc%mT+pB:T9tBe:G
         }
:WD)Q9L$T       }
.^A8ML:KG D @,d._    if (xDir == "right") {p{^No
      xPos = xPos + BallSpeed;
tf DX+Js{sd8s       }:Z-l_Fqy
   else if (xDir == "left") {
v`#LF3_y"K G0R       xPos = xPos - BallSpeed;
f0pp.]6edy)L       }
quKEq    else {~PX#rp5|"vO~"n#X
      xPos = xPos;)N8NVm [*M
      }Y VHPn e1h
   if (yDir == "down") {
![eq~L-n       yPos = yPos + BallSpeed;-@\&wG6S2[
      }
8p:uXxo6j    else if (yDir == "up") {
\T2C.UlvU       yPos = yPos - BallSpeed;Bb'h@ l4c,sK Y
      }
"?8T7nX@d1w3Q    else {
hxGx,mr U/P       yPos = yPos;
+B DWl-DJ)HWK       }_[8]r T V7x
   }
v WV7Ub&BFa &]f1w"YR)mk
dC a
function hidetext(){
#{X~Y\ if (document.all)Z!@6ua!\ I'YO0m
supertext.style.visibility="hidden"c1[
d@r,Z`-J
else if (document.layers)
qoPr$b:}y1` document.supertext.visibility="hide"
HP[e5XJE8`,H clearTimeout(animatetext)
+x&n@bF/i Xt }
$E^,|.T#Ku0v:N .ij ZLQy8J Be9~qk
if (document.all||document.layers){
?PAO4}:? document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')~KNf"`{
R3Bk
N
window.onload = initializeBall;
K+eaa"q!Fz,w window.onresize = new Function("window.location.reload()");)N4sQW!t b
}$F H"L0xNYq \0p%WK
)zH4H_}!M W
</script>

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