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

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

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

<style type="text/css">
n-}%jW/d #supertext {
)C
Mh5s4V:g)v|3U1m position:absolute;-G cQ+q\[
left:0;
g;? } \(Fh.{N top:0;fDEK;X!o9v
visibility:hide;1pw&X1J
v*a7D6]dM
visibility:hidden;
eX.F1x}#Gx!me4g }
FIH W'B0T*k*@;@8_ </style>
a
t r,\8ogp w#W <script language="JavaScript1.2">u0r3U3KB'{/w
<!-- 改变下的字体的大小。颜色-->3n^\j%Q/V t
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'L.^!j:^.p
var hidetimer='';sJQ-G9X\e!@
<!-- 改变下的弹跳速度-->2_4i'B6N&V.J n1u/qn8]%X
var BallSpeed = 20;W3KG'F.m)ks
var contentWidth;
c:Shz KN&A&C:q!z var contentHeight;t i,pb4c!c~ w#^h8h
var maxBallSpeed = 50;w0g$c fr$p6K1{Q
0sM#F"EK@w A;OA
]6d/KX-a7q8}8D8dF
var xMax;&ik:q9g)G'q%N
var yMax;
|t"p4W0D:n"@ a var xPos = 0;
T}4`2Re&yq8Z var yPos = 0;
X+|2L*KA?ywo var xDir = 'right';ZWUm/~PZ
var yDir = 'down';
M+]Z7?tK*G? var superballRunning = true;
`2]Y%u.A$},{ var tempBallSpeed;k4^&a)F vM
var currentBallSrc;

W;a9w/M
kq7L9dv var newXDir;\a)g#m6u$b
var newYDir;2D
Q#vZc4Sk5A,}[c
'w8uoUr#XV
function initializeBall() {
;F$G/ik5KT\    if (document.all) {
E#bt2K)E1EcOX       xMax = document.body.clientWidth
v6t q[7UkF#\o       yMax = document.body.clientHeight
Ljr
c9a5}4\:t4b,Z7_5kf       document.all("supertext").style.visibility = "visible"; K |5H_v7I1x as
      contentWidth=supertext.offsetWidth
1N7E[7O Nd8X       contentHeight=supertext.offsetHeight
[ cL1Q bTl
^ Y'j       }
@2\nl)S%i,]!M\    else if (document.layers) {
7a4QYD:[Jl       xMax = window.innerWidth;
1L_mLH6^?DP       yMax = window.innerHeight;
+O]US
R\K       contentWidth=document.supertext.document.width
VWM/cA!]%lCh       contentHeight=document.supertext.document.heightSk'v%~d\
      document.layers["supertext"].visibility = "show";
.VQ.}gr$_       }c2w
E2m$Z%]
   setTimeout('moveBall()',400);
[ U7N:@&r3{    if (hidetimer!='')
'eCH"_qM.w`Q    setTimeout("hidetext()",hidetimer)B[!s8Sb-L\
   }
WT5x8r8R MG!k$D L)U}JV({ ]lq
function moveBall() {
5XQy o+Ae6DG    if (superballRunning == true) {
2f5K'm?4`9[       calculatePosition();
+@WK0o*n8W C       if (document.all) {
y0D jw9^ pcJE$nv          document.all("supertext").style.left = xPos + document.body.scrollLeft;
5Q3wc`d%h/X'cV          document.all("supertext").style.top = yPos + document.body.scrollTop;JZ8uT;Ih
         }
'O5\O3s$lpP       else if (document.layers) {`4J)H5s9Y$K%hj
         document.layers["supertext"].left = xPos + pageXOffset;
"Z b!kEM1_          document.layers["supertext"].top = yPos + pageYOffset;/uf9gN!?Vr8C
         }
Z1J(k*q;Vq2t       animatetext=setTimeout('moveBall()',20);6\ GC+H:L4Un
Fn i5T
      }XQ3z Oz
   }
Q"R"k
`0~H
U
N*L-N$t)`}#T function calculatePosition() {
f-k KH*W    if (xDir == "right") {7] X;B$T3h$VW8^)Q
      if (xPos > (xMax - contentWidth - BallSpeed)) {T&TK2S#mL*Pj{
         xDir = "left";A,u%~x5eO
         }2^VD*ol*k5Z:I
      }
/oDcG @6B,n_3x    else if (xDir == "left") {~I6cQ3\ eNUK.M
      if (xPos < (0 + BallSpeed)) {?]"SL;b}O
         xDir = "right";
}`
c!lI~          }\c0M)Uj8zlhQ"VO
      }9?1P3| q fK_"g
   if (yDir == "down") {
/Vr%tjz)d:cG       if (yPos > (yMax - contentHeight - BallSpeed)) {
/{y1z0fB N          yDir = "up";
0HtxeOf B1\w          }
xBx1RA0N*I
[       }'J&Zk+BN#x
   else if (yDir == "up") {
U8]s P.F&VBg f
      if (yPos < (0 + BallSpeed)) {
;||(f {b?          yDir = "down";
nUe]PS g0G O          }7Ad&k;G7sz,G
      }
2M$s7@E5EJ/]J    if (xDir == "right") {

r1gnS6s+r       xPos = xPos + BallSpeed;
^mYF z%nkkr       }j1m7VrBg
   else if (xDir == "left") {
;^2ML"B8j       xPos = xPos - BallSpeed;*A&wN?(s6v
      }P$v;DLO SO(h
   else { O,N^CBZK
      xPos = xPos;
*S
oO:Z
@G)s       }
b.~~ay(Uaz O,|b@    if (yDir == "down") {7O}
` ? ej
      yPos = yPos + BallSpeed;
WM4kjQ1r'V8o       }
'?^*s&^7XYz(F    else if (yDir == "up") {^h Y"@4f)U H7w\!w
      yPos = yPos - BallSpeed;
*kd;_D'T       }
c0~v9I^    else { xs:itO"f2Q(q
      yPos = yPos;mT!J^9m$r(@;Q+^z
      }
6{zQ0{Mo
tJ    }
W)F WBp6H
Z;[ Vw)t| function hidetext(){wU5S0W(`h n$cA
if (document.all)
(t-S_C"\fn supertext.style.visibility="hidden"
NN$uD#q;Q else if (document.layers)SA(hw/U{ G*T'n"q
document.supertext.visibility="hide"N4L&e)A0I+_:Tfw
clearTimeout(animatetext)i U6]&W?$mOm8p
}
Ltx'[ ?c
_s/W tJUZW4W
if (document.all||document.layers){f`0p8j.C2J
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')3M4uXv,[@MGj
window.onload = initializeBall;
]Zd-hl/uJO window.onresize = new Function("window.location.reload()");wA4E\7d[@V Q6r
}V ^?)A6_~U$i
l];?]%Iu\
</script>

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