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

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

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

<style type="text/css">

j%C'p\,]#T |v #supertext {-[/i,d dZ/w2gkg
position:absolute;:O9r Bq.? u-hv
left:0;
-B\4_I~N6d| {R9a/t3w top:0;
p4g,aO)bQYi visibility:hide;
ok%Bx ?8gj"qQE visibility:hidden;
|8Sn_4Wrz.a%N }
g"@t)U/B#F0X;m+V </style>
+H:@8^$A f:^}2h3Z <script language="JavaScript1.2">#}O l/E&G$K-L
<!-- 改变下的字体的大小。颜色-->
,ao#]n9x8kkN n var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+q2I0ab([
var hidetimer='';'Q&|W$U;r8El&hJf
<!-- 改变下的弹跳速度-->
.lwT0JR%GL var BallSpeed = 20;
|1X1?r/n7s0H&Y var contentWidth;
f3_},K/? var contentHeight;`;y^
rN1WS
var maxBallSpeed = 50;
3MY*w @e;c2b-{&F Fk$Ii;D@s7~tX h

di
AJO(Xi F var xMax;
cPgo0I var yMax;
f:{&NIzT*U%_UJ var xPos = 0;"x.J;X} K[wJMQ
var yPos = 0;
sF:})oB5U%NM:Jf6_ var xDir = 'right';9Z%^ao&n
var yDir = 'down';\u:Nl&? u~d]o%\
var superballRunning = true;
Nu V r1U:e$ci$F+}i3G var tempBallSpeed;
\#Z:y
]
gC-`A var currentBallSrc;
,KC/B._UT9cu var newXDir;
!Tyh]D[G var newYDir;
%G~6Pg+g L,u1j)H
a
d-e0x`"](rmw function initializeBall() {
D6X$Bc(XUE$r    if (document.all) {
yP:D9z Cf(]       xMax = document.body.clientWidth
3H$RV8@7j1F5@'Qw `       yMax = document.body.clientHeight
wLB%V*f4h'pb/xg       document.all("supertext").style.visibility = "visible";$J
Ao7kUbqG;C9W
      contentWidth=supertext.offsetWidth
3{"ViWdN'{       contentHeight=supertext.offsetHeight
&Uc'mup.\f k,c3y       }
C9O J'{|/G    else if (document.layers) {
uN`$Bb       xMax = window.innerWidth;
(ukNF K8`^?k'F(x       yMax = window.innerHeight;5a7b)@%s_
      contentWidth=document.supertext.document.width Iu|5?[7w0K
      contentHeight=document.supertext.document.height
$r
D$W)T c.Xe` QT       document.layers["supertext"].visibility = "show";
p:p@$A? czj       }m r;g[6iLHy
   setTimeout('moveBall()',400);
5~5^1IJ w{G    if (hidetimer!='') Q3NVR1erNT-l
   setTimeout("hidetext()",hidetimer)A
G*S+Zp
   }
_-AG7z:RABD xNtFgQQ9N
function moveBall() {
G:V+q"\ _X-[    if (superballRunning == true) {0Vy^JS~l0O
      calculatePosition(); Nx4FKd3r
      if (document.all) {
I*_0?|"a          document.all("supertext").style.left = xPos + document.body.scrollLeft;"lp6vuw
         document.all("supertext").style.top = yPos + document.body.scrollTop;9X kO P)DN `3TO
         }p+D"O9c/st
      else if (document.layers) {
$LC U7Hp(^          document.layers["supertext"].left = xPos + pageXOffset;
%B\[ gX$j          document.layers["supertext"].top = yPos + pageYOffset;
#W-iu
|d!tj          }
%Y`9R{xM       animatetext=setTimeout('moveBall()',20);
4t0J9Q;D8A       }~'K0N9b_)e(a:e$W
   }uz3XP`.xwm

|q\s*j \JpN ax function calculatePosition() {
4^9RM*y!O    if (xDir == "right") {
pj-DBO[;B.m7lu       if (xPos > (xMax - contentWidth - BallSpeed)) {Xi1v:I9C(s6K
         xDir = "left";
nOU
rthrtl          }
9^8mr5I'o       }j8q!ne4OhJj
   else if (xDir == "left") {,[X q3~ m!RQ(\
      if (xPos < (0 + BallSpeed)) {s/Z)sL \.p-xt
         xDir = "right";
J.y&h#Sf)U%T%G E          }7Z!ZQ"yF2H/qe|
      } e]6ac!}F[;l
   if (yDir == "down") {!kE7G,ai_C.A
      if (yPos > (yMax - contentHeight - BallSpeed)) {
j:x|T~uQ;^          yDir = "up";_0I.F9o+c:nnE/S0t
         }-m'BK7oe
      }
k0cC@2ZDPg    else if (yDir == "up") { qH]{/e
Z,?
      if (yPos < (0 + BallSpeed)) {
:g(w*a`5M v          yDir = "down";
_zp
w4h ?          }
1WeZ,FP5g'D(EA#o       }
7h2X#n'Qo Jw    if (xDir == "right") {_6BK0R;K EK4g'U
      xPos = xPos + BallSpeed;
;nS:?0m{pH       }
fI7K/]0a    else if (xDir == "left") {;Eu U%t%pl%Y
      xPos = xPos - BallSpeed;
X
j/Cz8a2@       }3j _g]f
   else {
(D Y
lJ)U:EI[4E       xPos = xPos;I$|7k*OuWz\ }
      }
8xJU C;E0`    if (yDir == "down") {1[
P#tj*iL[H
      yPos = yPos + BallSpeed;)f;Mc5{FM7{P
      }FO4I\/v PFr
   else if (yDir == "up") {;rM;Lg$V(T)?L
      yPos = yPos - BallSpeed;
rk;qW%g[       }
(a_%JH^X(e t    else {}h0Vg4ugc@l
      yPos = yPos;
]:[6Tr]"y       }[#M8N!Y0F/kd
   }I&E2G)`U+^

0`Vl3sT function hidetext(){0?$jk? w'z]Ij
if (document.all)!O4oP!e a;EF*I/I
supertext.style.visibility="hidden"
tR!Pg`5B else if (document.layers)
h1MCc9F] q document.supertext.visibility="hide"
2kS ra)Q S
nT clearTimeout(animatetext)
^I[#Y gy }#afR#Ey6Kz]
WG&M|xp'[I vv
if (document.all||document.layers){
Pj$@z6{{ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
4bpU.S?L window.onload = initializeBall;
'ea Z5mVM+g| window.onresize = new Function("window.location.reload()");a]8\;?iQl|
}~3lnD$^Mz b9n9nG

e kQ.tPW </script>

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