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

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

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

<style type="text/css">!Na(Vd7S
#supertext {\,O8] U0`AF
position:absolute;5YH#v#|5tOQ
left:0;8J9HnO,R]
top:0;
%pp6_hMg,@&@ visibility:hide;!v!aH ]%zL
visibility:hidden;
9vc&n!~+q }
6P1\lnw:qA </style>
cR_P ~Vj <script language="JavaScript1.2">2f\w_Dj
<!-- 改变下的字体的大小。颜色-->!j5~#JuV!XLyL
C
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
g+C8^;ni#Mp
k#d)o var hidetimer='';3m0^HT }
<!-- 改变下的弹跳速度-->D"dP }\-nH I
var BallSpeed = 20; Wz#C#G*d
var contentWidth;
"N+ZEE4c2YX var contentHeight;
Nc1niE0|(\M4E var maxBallSpeed = 50;
`'R'o%C,K^^E
+d&Rn,Z8mpgo K_h)c QJF-U1KU4Z
var xMax;
8W4eW)JE var yMax;
SV1G M |XU var xPos = 0;
M auKs}SND
var yPos = 0;
a5['|)Ek]`1p var xDir = 'right';
j.x.Y#lTM#|.L var yDir = 'down';
(Lp/c!t6{ var superballRunning = true;
+Vs/[lA
L var tempBallSpeed;
#Lb)|NK8U var currentBallSrc;K)myJJ9AEO$}&q
var newXDir;_b5NaAB@9s
var newYDir;
*QHpp1M1Me
q\r1s?I function initializeBall() {
8{3J6Ro7qi6` [    if (document.all) {
w(ng ]G K X2P*i       xMax = document.body.clientWidth
]iE^O"M q5~ h.Z       yMax = document.body.clientHeight
_5]+M'O(_JvW       document.all("supertext").style.visibility = "visible";1{-r^(x yW"v`c?^d \b
      contentWidth=supertext.offsetWidth6p/P#h;_!O+^Fe
      contentHeight=supertext.offsetHeightt:c9G4^iI;qYC
      }
C\t
k#h5^&qq3I    else if (document.layers) {[n w)Tw/z
      xMax = window.innerWidth;3J4`|o7b4O
      yMax = window.innerHeight;
].dqTF5S,u       contentWidth=document.supertext.document.widthw-JHV%K,CUv
      contentHeight=document.supertext.document.height
4bW0M jH0H#L       document.layers["supertext"].visibility = "show";2G%pa"B~n`i
      }k8vix+e.WAJ%l
   setTimeout('moveBall()',400);l9Q IZ wg$I!KB+o:SK
   if (hidetimer!='')
v'p$Au-P5[q    setTimeout("hidetext()",hidetimer)&`IT7N({'`(us
   }
C(B}+Z.Z0\)v
BVZb\ function moveBall() {
.N%U8PM;Z2t/r3_(|    if (superballRunning == true) {
&R^Ir!S!V)U       calculatePosition();7`p&wR @y
      if (document.all) {
\K*k(wU
w/X u@7|j k          document.all("supertext").style.left = xPos + document.body.scrollLeft;2w;G(B xE;RD$D0m?
         document.all("supertext").style.top = yPos + document.body.scrollTop;@:r1[~z
         }
"oS F^al7Ft6_       else if (document.layers) { QrZp?'}4z'{W5I~!A
         document.layers["supertext"].left = xPos + pageXOffset;?}9?/|'Xx
         document.layers["supertext"].top = yPos + pageYOffset; p D*I
I @ L
         }0a.N;C$w O)iN
      animatetext=setTimeout('moveBall()',20);]:P{3{*Ug~
      }2L1njzI D \5u
   }&W.H#@:\w7X&P
|mqg [W9?&S,S @
function calculatePosition() {
I
ig8lU,K    if (xDir == "right") {e
nAf.k]Ev)|
      if (xPos > (xMax - contentWidth - BallSpeed)) {
5B)O5rZ*A*v+M r          xDir = "left";z [-PuN/Qi
         };W}8m/F:S g
      }Ly9bThW
   else if (xDir == "left") {
.N$C7WlK%{       if (xPos < (0 + BallSpeed)) {&Wl:Xj1bK.@C2c
         xDir = "right";8J&\j`\5U(I/en
         }
%H%tFO)y'{C@8a I       }
4{;gF\mH#?"Zrg    if (yDir == "down") {5U kH6lE'?2}&U(E
      if (yPos > (yMax - contentHeight - BallSpeed)) {6MH\|6T na a%LUT
         yDir = "up";
3^-Zq!C[,s6u]          }
yp-F?8p H       }
)GcjD G    else if (yDir == "up") {5I)R#@OZ K-[
      if (yPos < (0 + BallSpeed)) {
'aP? u({{}/H          yDir = "down";
(i3w ?!`t|~          }(D/]0K\LnA{2S
      }
)r1D1qW/p k+\    if (xDir == "right") {
/XaC_yw       xPos = xPos + BallSpeed;? d_S%K
      }
L{.O*b%{,_+E    else if (xDir == "left") {}1U4U`)JCN1T{0h.gJ
      xPos = xPos - BallSpeed;R7G:k7Rm
      }
J5^*m}:S*C#q9M"Oy    else {
/Fk9F_/XB/P       xPos = xPos;
N%R:pG R(z"k:|3_#^w f       }
*T3kb(O`]}    if (yDir == "down") {%U3\1U4J5C
      yPos = yPos + BallSpeed;
f%p0Za)?xX       }
*~X:N"S6F'O    else if (yDir == "up") {#WDbH!`
      yPos = yPos - BallSpeed;`Jx;](H&N'k
      }6D9iFt q3Sf ?
   else {
H.]8Jp+b*C/J!G7j%B       yPos = yPos;Fz L+oT(zMY
      }$j4A8C/rwj1q
   }
*P"P U~*YE^
whP+J
H
Fv8h function hidetext(){`(B/`5|#Iq1@
if (document.all)
E-S:z"o#^#Q;dh supertext.style.visibility="hidden"A#p3l.n}0lW9K
else if (document.layers)z,t.I Y8Z4nK
document.supertext.visibility="hide"6} BL&@|5e[E1y&h_
clearTimeout(animatetext))@|h@MzfE7@rq
}:LXCz(Y-]/Ji&kt
u r nB'O(p D2Z
if (document.all||document.layers){A3lfzu%J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1_i{lU'}F(]#v2BM g window.onload = initializeBall;
-T:ybq6E
_3{ window.onresize = new Function("window.location.reload()");-q brR
m
}
m'_fNc2fnye i:f
X+m~0[[6]? </script>

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