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

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

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

<style type="text/css">/x6Q [$O:JpoZ
#supertext { `;|5f @~$J|s
position:absolute;"AbJ!h:XP7T
left:0;
7F!l)bl;tpS top:0;
D|l]|+m-M visibility:hide;ph"}1^9H$G8Pi
visibility:hidden;
L?-t(pR&A }
w.N#BtlYG"Hp </style>6w9mjw'F@*{"m4w
<script language="JavaScript1.2">

QW"g"k4td[ <!-- 改变下的字体的大小。颜色-->J,h:Xf4`o-bW
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+`7{#VT6{WIzx
var hidetimer='';sdj$q@5F4V"\
<!-- 改变下的弹跳速度-->Z#j2geXJ(p
var BallSpeed = 20;
S(N;My6M t&`*Y\3Em var contentWidth;

J
P?4Wp3t Sb var contentHeight;
4xX_(L[9No k var maxBallSpeed = 50;Vy"p u'D&k4O

SE)C\ |8T7\
MiPu$LW5n5Kj var xMax;
(fRL];SX E
W4@ var yMax;7yg c/GY.T
var xPos = 0;r*D G1R'R
var yPos = 0;$YG6jv0d(O/V0v0A
var xDir = 'right';Vbi{ c:z
var yDir = 'down';
v\-w7c~)c\6BU var superballRunning = true;
(J8_+c-[5_L2]U9F9t var tempBallSpeed;xc9`j| Q5l2W'^
var currentBallSrc;hqaq"R!O&N'x
var newXDir;%okBp AxIZQ-a
var newYDir;x'R+|3ia(Ks~t
;mk2W2o#dMS
function initializeBall() {'@9s TX0KEi0{-D,i
   if (document.all) {
N7~\5l.Z(@'l       xMax = document.body.clientWidthT{q$@Q {6I
      yMax = document.body.clientHeighth;oN5IP
      document.all("supertext").style.visibility = "visible";X2[kZ~3y(y(q t+x
      contentWidth=supertext.offsetWidth
K)m{e3v T Ap9f       contentHeight=supertext.offsetHeight3mW:{9\:a z
      }
+@"@$o-{al^7k\R(J    else if (document.layers) {5i8w?!\5A)R(b0k't{
      xMax = window.innerWidth;
i-K7Y7fi+uw7t       yMax = window.innerHeight;
+I%B |;Tz~^H8n.S       contentWidth=document.supertext.document.width
2~rA$b"t XUg       contentHeight=document.supertext.document.height
5u ON^2Gra
`       document.layers["supertext"].visibility = "show";a.w,y3Nh ~!yq
      }
q#PUc,GC6u    setTimeout('moveBall()',400);
\_$s9f!t[3p{    if (hidetimer!='')2mVG,M-|:CI,m:a }*Fe
   setTimeout("hidetext()",hidetimer)
%w}t]l&Z    }
#l1u }
a T/mb#wM F,`:? FX
function moveBall() {wr+{LjD[-S*PG
   if (superballRunning == true) {
W9r|XfU wN%m       calculatePosition();.KP^!Sc+o
q
      if (document.all) {
%fO@ h#h-R          document.all("supertext").style.left = xPos + document.body.scrollLeft;y}"Ck?S*T,y1P:v
         document.all("supertext").style.top = yPos + document.body.scrollTop;Wn5YD]"RQ
         }-WM7|*\9p2]$n
      else if (document.layers) {ZY'q[/wY:U!a4u
         document.layers["supertext"].left = xPos + pageXOffset;
3^@ly0kf{6GZ          document.layers["supertext"].top = yPos + pageYOffset;)b8doJr$d0m7vp
         }
.xr5}`
pL3g:`       animatetext=setTimeout('moveBall()',20);C]'|GnwN?fV
      }@#}N p(j"It
   }
Q4r3d4Y @U
N#R7lr[;q function calculatePosition() {]6y5L5VJ'B7{
   if (xDir == "right") {~2D|&c4P,^X_
      if (xPos > (xMax - contentWidth - BallSpeed)) {
A_*@!K%^(r#S?Z2YD0m          xDir = "left";MD!e'Kp4FvW_v
         }
OFB!Uf#Z-aqa       }0k4wW;L.zm]^ H/yv~
   else if (xDir == "left") {2m/qm-Y9h j!l#| ]8m[
      if (xPos < (0 + BallSpeed)) {{!vuz6cG
         xDir = "right";
C
}wgz$^(h!g          }
&CW}Pz$Mcp,a*p       } els%SQ-Y[-iQ,J
   if (yDir == "down") {2AFJf\j4bP2e
      if (yPos > (yMax - contentHeight - BallSpeed)) {
;w
e+d%LB$fQ
I}m          yDir = "up";@5r
k#G${6aE
         }6vn$z*d~MX
E
      }
"At'Bja(P7O@7}    else if (yDir == "up") {k!j5B9Vm3p.U L
      if (yPos < (0 + BallSpeed)) {
b]U1{|4J          yDir = "down";
8b#TWX oI?]m~ a          }f/Zc8[8f{QA
      } f _F7i9VS)~D_9K0Y
   if (xDir == "right") {Ou#J)UKmT
      xPos = xPos + BallSpeed;"`"j C2x-nE:j*CH
      }/b](w)i-x2P
   else if (xDir == "left") {FpX+{{!o6c#l1n&Q
      xPos = xPos - BallSpeed;t-E.@8v2Sy?
      }
(c4I^5|7Y t,v"q sw    else {
6u,h!TiprVKTh{       xPos = xPos;
#Wj7SIe{       }
x$I6|4E_
{
   if (yDir == "down") {
0?\d}3v8t       yPos = yPos + BallSpeed;)W t!F T#F6B&^
      }#_Q3|zq5p Y
   else if (yDir == "up") {
+ar
hxy.z       yPos = yPos - BallSpeed;;Jj.d*a9fF8v5O)?
      }:u1H7?!YMZ7xK4W]I
   else {C1F2I![5c.~S
      yPos = yPos;2W+F[ugGn
g
      }
)s*`2QxE    }2K#J&{G'p1p!x,F(`

DO$?u6u2if function hidetext(){9f:o8y8s!Q8O+~1N
if (document.all)
3Y9h$jl;S%^7G-d7Q&DY supertext.style.visibility="hidden"
y9o[7}`0a else if (document.layers)
$B#Xe3Xi6T document.supertext.visibility="hide"uB6n'G.Y4Ttv(V
clearTimeout(animatetext)
pPW/[7LtIlT }

\0g T?4{l4Kib
g^8Z$sO!X6}\ if (document.all||document.layers){
8v[] [7A4my document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
/jG)NM2y^
L0a4Ra window.onload = initializeBall;
q/n4\Ul)s%H window.onresize = new Function("window.location.reload()");+ckH.g^)[
}
Bi g
V$ru
6\,Yw!~fr'E </script>

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