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

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

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

<style type="text/css">8s\c#z$tZ
#supertext {
6e9{5]fyY)V
U position:absolute;
9w-IEuu:w,G2x$M
J left:0;BF o7m4WmQL!]
top:0;
%}~:E`o!w/ud R visibility:hide;
on a%fdr V visibility:hidden;
+Z)A B,XA4Y&B8]!j }
fXG2bJ </style>5]+k H*X3Ko
<script language="JavaScript1.2"> T7a \#n-rC*[+`
<!-- 改变下的字体的大小。颜色-->{*g!K,i0e(h6[
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'4`P{&KR-k
var hidetimer='';XwT@[GO}
<!-- 改变下的弹跳速度-->
gpUoS var BallSpeed = 20;0E#wB`e*hsE,H
var contentWidth;4s o o
I-aD IIf
var contentHeight;R;go$f6}G&{ o i6}
J8G
var maxBallSpeed = 50;
YM"i*H:@c2F t ? b1uu;Yj-gNOi4j

m%GN"A"F var xMax;
OBr%yS-T6@l var yMax;U%M:V!O0l*h
var xPos = 0;_*|[KA
var yPos = 0;
@"z~x?t var xDir = 'right';
7j0w:EE*s]*[{ Bf var yDir = 'down';
i Te2hM!F7V var superballRunning = true;
S5k"fj [v#T0b var tempBallSpeed;
W,vh3U b.e)k z var currentBallSrc;$B,zV!],s
var newXDir;;V/c$@`rj1P3\Az
var newYDir;
7g*S7T(E#O6?
N ~
?
Es$Z function initializeBall() {4ua5I-j hpa$}f
   if (document.all) {
D`:o)F G@       xMax = document.body.clientWidthbtd,H$Q:YL
      yMax = document.body.clientHeightB5TP H
Q\q/x0NB
      document.all("supertext").style.visibility = "visible";
l#k dG:`6oS,ni       contentWidth=supertext.offsetWidthgHl4D5JQD k
      contentHeight=supertext.offsetHeight
#k%}3rJ:vD       }*P)u/}-hak a
   else if (document.layers) {^ [J8Yz*uw*?
      xMax = window.innerWidth;7g@4r ]9is8e(U4weT
      yMax = window.innerHeight;
j7]E I9orOA
      contentWidth=document.supertext.document.width
x7NJ6fa%U.Q       contentHeight=document.supertext.document.height
K+vF2](Fw ]x0`       document.layers["supertext"].visibility = "show";
:V`qn6I)Nq7w       }
%K7F6h-D*\v4t    setTimeout('moveBall()',400);5M8BUB:q"\ g
   if (hidetimer!='')
,y W3g8Vs@:K5Vq    setTimeout("hidetext()",hidetimer)
]S|0WE(b}x pY$m    }
cp_:hr+Pb\ :_d^kCw#\
function moveBall() {
m#a^
WR P&a    if (superballRunning == true) {U*Ue+L \rj
      calculatePosition();
XL?nB/hm       if (document.all) {
F9m"tp'{P([          document.all("supertext").style.left = xPos + document.body.scrollLeft;
;u\)XYQ(n          document.all("supertext").style.top = yPos + document.body.scrollTop;,O I#ZRqe;b5@$xK8i
         }t6Tm^w\2J
      else if (document.layers) {
'B@+O_#E!c          document.layers["supertext"].left = xPos + pageXOffset;
'P&wTxA&or          document.layers["supertext"].top = yPos + pageYOffset;,l#R+bIi
a0_-k E
         }
T(^S:f:\{       animatetext=setTimeout('moveBall()',20);[gZ#D!qkGe!{\
      }(rTv)g6g$Vj
   }B2S0Ay H+d&I3T3vHj

!Fyp,EW+s function calculatePosition() {9["C(w$M F.?i5?'V
   if (xDir == "right") {^2O
l4E] cyY?
      if (xPos > (xMax - contentWidth - BallSpeed)) {I/@"WN&H2D)F(a4K5K
         xDir = "left";
Mnp1P/v|1X,L          }
kr:[k Js
      }F#Y3{JHZ~/R:q
   else if (xDir == "left") {_ GA)` S]K
      if (xPos < (0 + BallSpeed)) {
5],yc]jF {          xDir = "right";y/_} ad7E
         }]*P8kRF
D!S|
      }
6XZXu cO `    if (yDir == "down") {
LhN6JA q       if (yPos > (yMax - contentHeight - BallSpeed)) {
M~S5dk m$mtQB          yDir = "up";#{
pV!d*hI1}gj
         }
%B4b+`+ETB b0tQ       }
lv3TXiC"D    else if (yDir == "up") {
[%?T!Ud~0RA:k'h       if (yPos < (0 + BallSpeed)) {
)kdG:g3u          yDir = "down";
@\7`H.`2R?;J+W[          }
nM
Ex,ky3aP&pqY       }
-lB CK(_P;{_*i    if (xDir == "right") {
_,d.Ynn$O0M8JV9A       xPos = xPos + BallSpeed;
w3hq'I,_HG1h7} s9[       }3W*E3aL#B;X(I
   else if (xDir == "left") {3A6n.W2i&PU/Gh
      xPos = xPos - BallSpeed;d$|0[J6I)HY3w
      }
4p,j&p!iV    else {
Q}-B"Qtt;o       xPos = xPos;
8FrP8T[4}8d       }#LMUhBr3u
   if (yDir == "down") {
"c,v vf1]UBs VDz       yPos = yPos + BallSpeed;
2w-jSR Uq1j td+R       }
^g;X(hRjuK    else if (yDir == "up") {
#XcU0k/ka\       yPos = yPos - BallSpeed;
f$gfd#Z       }
3` ](l!Ub ]+H    else {$[(?nsn*O#E
      yPos = yPos;t"Cj8z&qU#Qa
      }C-X6e)Qe:g|T
   }G$Zm9D$H
h}S

g-H-L w p1nC)xB function hidetext(){ |sk{[9am[(TI%P
if (document.all)$S8]b7f1j u
Y
supertext.style.visibility="hidden"Cu!w4s1Q
else if (document.layers);_}'rlf
document.supertext.visibility="hide"+v!^ B"`M;{ t8d5N1rp
clearTimeout(animatetext)
}'X4TQ7U(o }
*zem+hE;[6`
;u.@N&M^@ P-Y if (document.all||document.layers){
"j&s6M)H%T4[n/u:[ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')KL#DF2P.V.q6@2X;H
window.onload = initializeBall;
8N2MqU,P]+{p window.onresize = new Function("window.location.reload()");3sx%Q8x-ZP s3o
}i;r"aj b*s XDRuH'`
h5W$| jX-Jb]
</script>

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