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

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

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

<style type="text/css">cWKFD
#supertext {
0U$hNq%u position:absolute;
h#X[ f0I.OW left:0;6W} l;I$AO
top:0;
M2xKd"M?}M
visibility:hide;
-uWM1K
]T&m&c7v!S8i1w#i:R visibility:hidden;
1\OVWlO*Ie }^-QaAg"p
x
</style>X%VEAr
<script language="JavaScript1.2">
xfw!]2? <!-- 改变下的字体的大小。颜色-->
a[`N'p E0V(d var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'\3I@E6~;P6?O'HN
var hidetimer='';
s(\H ]B@}W <!-- 改变下的弹跳速度-->
J,Z1^~7v.{$NV var BallSpeed = 20;
%],Y3Am a#P@Rab var contentWidth;XiG#W:e!I B:JC
var contentHeight;hjD'B\,Q(e']Q!t Cv
var maxBallSpeed = 50;
8L9`!ay3S%c -aiaw:oVua:I*H
!UHf3\e u.}
var xMax;YK:cm8F'PK,WK
var yMax;/L ^3LZY#X
var xPos = 0;4ns)f+R'P1]4m1K
var yPos = 0;/rJ$cG
SR.u6t;D5I
var xDir = 'right';sCxM^b;NF:g
var yDir = 'down'; iaN}k.r:c dH
var superballRunning = true;
aJ9A[t$|(B var tempBallSpeed;bA1W+fF"N+A
var currentBallSrc;2|vk&_ `P`
var newXDir;
w9?;A1P%|C var newYDir;2u5L'Fv-rrx*w
8bna d1R'aT9L
function initializeBall() {B:yfWv:zr
   if (document.all) {Eh,vnJ*J8K
      xMax = document.body.clientWidth5[L ]*YZM$Dq7W
      yMax = document.body.clientHeight
-V@'N]s       document.all("supertext").style.visibility = "visible";qwp9@N"~2c+Kn
      contentWidth=supertext.offsetWidthM$ea%SHK-ZH~]#~
      contentHeight=supertext.offsetHeight+Lz7bMJ0{%H
V1_
      }
TU!p7o@5`[r    else if (document.layers) {
+F ?l4E6J|       xMax = window.innerWidth;
w E@M$c9b\'q_]       yMax = window.innerHeight;F0V`.ng-Pp{
      contentWidth=document.supertext.document.widthpO0Nz9Uy
      contentHeight=document.supertext.document.height y#] ]ER_W4S^
      document.layers["supertext"].visibility = "show";
U8Y5oDr`       }
-kY.bS$z    setTimeout('moveBall()',400);l~mmd.om;C
   if (hidetimer!='')
(gvb NfQ^    setTimeout("hidetext()",hidetimer)7?"xNi B
[)b
   }!S3r7z
Tx$J't)]b$G

6PMXcE,i zi,t2W function moveBall() {
7~CvX:Mg W    if (superballRunning == true) {
+U:q+A'a E+b|       calculatePosition();
R0DtY0b5]+@H8H T       if (document.all) {maO/G IcO
         document.all("supertext").style.left = xPos + document.body.scrollLeft;m|,~l
nT3~2nzh
         document.all("supertext").style.top = yPos + document.body.scrollTop;
|&^k\Ig1Z&c"g          }
G7Q u3uo0\       else if (document.layers) {
0x
g6bG,C`,f_-Q          document.layers["supertext"].left = xPos + pageXOffset;8VIb7?7a9I^x
         document.layers["supertext"].top = yPos + pageYOffset;Cvy-jr*eaF%l7Gx9|
         }
*v_j7y ga3S L       animatetext=setTimeout('moveBall()',20);
4@6e8s2@%ToI`s       }n)f"P1n*sS
G
   }
dlV*ovQ @6u'th 3PQ'uQr!L
function calculatePosition() {$J"u"fnYq(`|5[gt
   if (xDir == "right") {
MA^jENE       if (xPos > (xMax - contentWidth - BallSpeed)) {:f@ax&k"@d/P$lz
         xDir = "left";Mud4lJf&c_
         }
X$N)gPl       }q eU4x:W eiaH
   else if (xDir == "left") {Y{E a%z
      if (xPos < (0 + BallSpeed)) {$[5J$E+H#joIDt;S
         xDir = "right";
r x9A;t0nzie          }
,Q}P K,B7S#u'F       }
}D.NG-D!N8@ J(j    if (yDir == "down") {
*m _ `_O(^,g Sl0IA8^@       if (yPos > (yMax - contentHeight - BallSpeed)) {c$R _U8r4xy G
J
         yDir = "up";
khvL F*NWN h;ru          }-U%dAQZ
      }B$b*{rs
   else if (yDir == "up") {W-b_#o3A }#}T
      if (yPos < (0 + BallSpeed)) {%[1C&E(MQ\xi
         yDir = "down";
z1o:l| e_"]3W2c          }
y8H;jWfX       }.|(T[S!`|
i
   if (xDir == "right") {
;| G W!?V H!Lq}       xPos = xPos + BallSpeed;
9XvG:F m%i       }z}1Q+hh%_!H
   else if (xDir == "left") {,n$T-Wx@gt
      xPos = xPos - BallSpeed;sG%W!j/g&C0qE4@%?L
      }y'e%c dT
   else {
(@M%f-oQ;\z3L       xPos = xPos;'q&X!K)p^
      }7fcgz!m;|4F+V
   if (yDir == "down") {
2W&sd8Tt6^V2f       yPos = yPos + BallSpeed;T Vz9U%D1dhSTdT
      }
h Ip(S\4P    else if (yDir == "up") {
I3xiq3H$T"o\3SX ~       yPos = yPos - BallSpeed;
wc(ma S8~9q
gG       }/g)L?/XL
   else {oH;MYI@4h9H
      yPos = yPos;A:B][3f0lN.wQq
      }
kgw/Q1\O ? ?    }
B1c g0F4n

ID1g.G&`S function hidetext(){
V/OX F-YX if (document.all)
sb5P lF3A q{'B supertext.style.visibility="hidden"
l#h&Nn}ZCZ,OH else if (document.layers)
HjTO"y)N/Z.F document.supertext.visibility="hide"
?V0lMr'S6bC clearTimeout(animatetext)
||(]t6~p jO k }
5qg+b:Y4Vn-y#z0v
:]f'L0w,kx`P$y if (document.all||document.layers){~
y"@a^6@x$w(h
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')!~0@,KN!B\(qK8V
window.onload = initializeBall;
H\b2i8VlVB window.onresize = new Function("window.location.reload()");
o U0Ye \0HE$v }
7pY1zx#d1| ` e3K
%@y&k+zb8? </script>

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