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

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

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

<style type="text/css">
#J9o!e~5l3O9r J #supertext {S9v"} v4i K~ k
position:absolute;
TWh9DD q
D
y8b left:0; L.gRAS
top:0;
{J hO)E`!e#v visibility:hide;
C P^1yEO$IiX visibility:hidden;
)x?7w/?(L }l }$x,|Ji$Iy$a3\j x-A
</style>,GR#NexS5N0h
<script language="JavaScript1.2">z2Dmcc TJ2L
<!-- 改变下的字体的大小。颜色-->
9I+_*}|L var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
`[^3xMIW*{ var hidetimer='';;A3[r0T1y tr,Y
<!-- 改变下的弹跳速度-->;{(a!qM9v.]"x [2rj
var BallSpeed = 20;M1g7uaSeU
var contentWidth;
7?3JO9c#S7^n1q+U var contentHeight;
P7~q8f0[L3A(Fr var maxBallSpeed = 50;!O}9s#? jE F5QPJ2]KP
!K)tW6\,{Ta
0Ot0["E#G1J
var xMax;
&x9{N|jjC var yMax;2HHP-w`}
var xPos = 0;\:Be6z4{.[4z{.@+g
var yPos = 0;
_ Z.\?6]%{5{
V1J var xDir = 'right';yQ$N@"V8]q(D\epj
var yDir = 'down';
M`:lz6A var superballRunning = true; Iq?3eXy_ d
var tempBallSpeed;rB+M5P8i
var currentBallSrc;$@ o&C1wN%n
var newXDir;5er Dc.]cI3G
var newYDir; I-\8F ^%k
.i\s0G9G&l
function initializeBall() {u{ BD!KhE
   if (document.all) {
?drKxP1`       xMax = document.body.clientWidth
4YNix\m.rP       yMax = document.body.clientHeight
kAr6F+Z4@ Y       document.all("supertext").style.visibility = "visible";{}*y S^qsm
      contentWidth=supertext.offsetWidthoH/NZ(}(K.~0r
      contentHeight=supertext.offsetHeight]-h`9t9]p'b
      }
pEM1\Gbo)|)_2r i    else if (document.layers) {
(\ i/@g/U       xMax = window.innerWidth;
Te{#`9p:G E:F       yMax = window.innerHeight;
1YlRf4m3}x&U       contentWidth=document.supertext.document.width
j'~"o&KdO-sl       contentHeight=document.supertext.document.height7?Z+H@D$S3}
      document.layers["supertext"].visibility = "show";
V.V8rF'ne%QS%F"r       }
'z4{~gZ#F    setTimeout('moveBall()',400);
0n$@8f'\7y    if (hidetimer!='')s%D$V1K(XG
   setTimeout("hidetext()",hidetimer)
RC\ Ml    }
7Y$u!Z ho6MKc Q+g/f
W.FmF
function moveBall() {
g%?'uR+MyF
M    if (superballRunning == true) {
Pt.qz"j{       calculatePosition();
B&f2HK,]&Ob0m       if (document.all) {
,D:F;J`{ b.?y1[          document.all("supertext").style.left = xPos + document.body.scrollLeft;
0N.a^V;qMk+tX          document.all("supertext").style.top = yPos + document.body.scrollTop;
9|ro/]%` Uac          }
"y;u xfA ^'Y hS       else if (document.layers) {!Yh~%X w{#Fk6jK
         document.layers["supertext"].left = xPos + pageXOffset;
G(],j!u Kqz)zU          document.layers["supertext"].top = yPos + pageYOffset;R2g*}Kn3_g7fIM%Y
         }
C5s8}
K r~       animatetext=setTimeout('moveBall()',20);_*AOau1Y5m8o)}
      } f~%x8h9E
   }
%a;Dcm2nu
X ]*@ [&`6`*q(l/D function calculatePosition() {
&R4Z%RA za8? y    if (xDir == "right") {
(q&Sc$jM aFA       if (xPos > (xMax - contentWidth - BallSpeed)) {;CPM s]2@
         xDir = "left";r1}b4{WY1CH ^
         }
3R rR
yeM-Tr;Au/q       }
f}6T\I!ib,{    else if (xDir == "left") {UTv;S5W#H~
      if (xPos < (0 + BallSpeed)) {
2M%z8D Z$gu n          xDir = "right";
-V1a0Zrju8k          }f7X!Nv,h5Q6FJ@
      }
$AH0grU    if (yDir == "down") {
M%tCdH       if (yPos > (yMax - contentHeight - BallSpeed)) {/m7~@ N(ym
         yDir = "up";
"x@0AT D:Z          }{#Bm$q*};R,q3F
      }4l&x8Jxx/V6|a
   else if (yDir == "up") {
e"NaFP"x$X       if (yPos < (0 + BallSpeed)) {;Q'Rp }so
         yDir = "down";
}!x ?6_%g          }
A;fp/_!b+g^8Pm:?(xQ       }
tquB9_^Z\L    if (xDir == "right") {#bxo R-wE:N
      xPos = xPos + BallSpeed;;v3aq'^qT\
      }a'eO,E
f ~R
   else if (xDir == "left") {iwmcMg
      xPos = xPos - BallSpeed;
esm5vJ8N1B;s`       }
/zp@Z:N&Z@    else {
AV:qSf/xz9K       xPos = xPos;
&X)s(w?t:n       }ff{6U*VT8?
   if (yDir == "down") {
:a H?#c VsASb       yPos = yPos + BallSpeed;G1g caN5^7^F
      }2W:^z@?5o]m
   else if (yDir == "up") {
-u }Re#KrY&h       yPos = yPos - BallSpeed;
[:H U:S+i(|E&hjQ!H       }
^7nRC2c ?    else {
O'Tt6`p%zf       yPos = yPos;V0Tk%e5w"o1K
      }
Y$jW&Q&tv'x3MM    }
w9HDce1V
&oR+C
TggS/NT] function hidetext(){ q0S"jS
U u#^0I2]
if (document.all)
vj;Ig(?1S1b+y supertext.style.visibility="hidden"Sn9T,F/h?|w{
else if (document.layers)T5LE1S9TP3] Y
document.supertext.visibility="hide"
X grH Rf` clearTimeout(animatetext)
^stNp6`(r }
/C?)]\:{BRECk
9H[ ~ i }%Y if (document.all||document.layers){5z,\V5jt$}1K`9z]
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
9WZ q(e,Q2Ww{$dZI window.onload = initializeBall;
-em%Wu?B4p window.onresize = new Function("window.location.reload()");
]]0c6`T6KQh }&^ tZT3y!X:W
r};qXk#Q5J N
</script>

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