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

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

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

<style type="text/css">|dv*u;QZ*|/L
#supertext {jEj(Ip4}/c
position:absolute;J"^SK/r4q0|2Z
left:0;-{'e%u
O\:Mp$V
top:0;
5v$DxP|+nz visibility:hide;e$G|3fIZ4fKbs
visibility:hidden;
Po^$r N}g
N }
HC!G7P&b"m'W#e_ </style>/C2e[:W|q
g4X;M D8_
<script language="JavaScript1.2">9I*z;vY6H+b5yW%L qb
<!-- 改变下的字体的大小。颜色-->jn4dVv/gfq
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'Ey@l/e9p
var hidetimer='';
fn%\}W5I <!-- 改变下的弹跳速度-->
5VkU3dM*@'\ rh e var BallSpeed = 20;
M1YaX+?l q(^p
var contentWidth;
6o%[H EbF var contentHeight;
&uPi-E4q var maxBallSpeed = 50;_wT |U&_9t
F;p;|;hs/}A
7QU+}*e?~&p
var xMax;-Yy
{L E6pD;d
var yMax;
e5q {'^%[gQ'M7p%m var xPos = 0;
E3b:j4qf W'S$M var yPos = 0;Zj9T;P)zf
var xDir = 'right';
(l}%X;X$Z!fd var yDir = 'down';}M1RU4{"z$Z
var superballRunning = true;#?tqM)bAN%r
var tempBallSpeed;:WI!w!sV+Ep S&fg$F
var currentBallSrc;#Ot3Eh ?
var newXDir;
C;V)i'N-mt^-w7K/L4? var newYDir;1K3R2wI I_ey
9l.I]#Pn)Z!}
function initializeBall() {
[8f`m$W[ d
   if (document.all) {*QtJGzj
      xMax = document.body.clientWidthWm/qj9d
      yMax = document.body.clientHeight B8_E*}/j'm%iI
      document.all("supertext").style.visibility = "visible";;F(^8CV X&Q9@
      contentWidth=supertext.offsetWidth
/w G/Se:AQ5r       contentHeight=supertext.offsetHeightWT%A[q,H*o
      }v8@9c\,DJu5v,b0Z
   else if (document.layers) {#qr%hMI-h
      xMax = window.innerWidth;
u,q~z0\RZ
{       yMax = window.innerHeight; Hkk)w"oi9b@b
      contentWidth=document.supertext.document.width
$R:zcY:aT$E
hq       contentHeight=document.supertext.document.height{
HGN5q|6CU_-B
      document.layers["supertext"].visibility = "show";
O5h*HW%cJ"X       }4`'R^/ek/i@|-k9p
   setTimeout('moveBall()',400);4s+Zlxuf m
   if (hidetimer!='')
tp.I`-gk8UO    setTimeout("hidetext()",hidetimer)
%Yr*e'_4Z!w[    }jhTS g8q
L6Bg iz
function moveBall() {
3~TJ!H2x3^;H^ [?    if (superballRunning == true) {
)v6t;s8jN7g n       calculatePosition();
+S`
QY/[I       if (document.all) {7_fF&`)b~,f6d
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
;?yI2H'`H8h(z          document.all("supertext").style.top = yPos + document.body.scrollTop;
LOhY[S^`ka          }6TY_7_0B+s-_
      else if (document.layers) {/Oy;t_c{5V
         document.layers["supertext"].left = xPos + pageXOffset;
!n&}1eVn"pp^HI          document.layers["supertext"].top = yPos + pageYOffset;
,g j(s2C(]?          }
1HgF"Z rs%P _~'r       animatetext=setTimeout('moveBall()',20);
5b9jr[N2@       }
K3R*i [!a {-}J    }0h2JdX E3v

.x8n_'AV
H a'n9A function calculatePosition() {9\,}-v8u K
i8G
   if (xDir == "right") {
'i'bM%D^G/] h%IG       if (xPos > (xMax - contentWidth - BallSpeed)) {W)Q4IT2C-u R:r ? hv
         xDir = "left";
:dLr3OHK2NG6PiQ          }
!G4B(jP*rf       }
my`$Rtyq$o+F    else if (xDir == "left") {
Z,Xl
\0B`S       if (xPos < (0 + BallSpeed)) {s:ZzzT&`@R
         xDir = "right";!`.i c"l jZ`:T%J(M
         }
Cr4i6\Y       }ZJH"m7Kw
   if (yDir == "down") {T.A,Yns7[
      if (yPos > (yMax - contentHeight - BallSpeed)) { r_I7@F3f1G
         yDir = "up";5Gk9?I$mbi3f
         }-{)R-?.c)M1x6_D(OZ
      },K
zW+xBw
   else if (yDir == "up") {
@ Y1B+cq$n       if (yPos < (0 + BallSpeed)) {(Q({uo Dh8`
         yDir = "down";Mx!?'?'f
         }
W,t3R{0S{v       }
.rns/a8Y&G    if (xDir == "right") {
;f Jm-w yp6n{       xPos = xPos + BallSpeed;
l j b!M(P#m~LM       }f2Ev6|m S X _v/q
   else if (xDir == "left") {
|6v]:tA
      xPos = xPos - BallSpeed;P0[[O}
      }
Q;sLW5s'|3KF    else {
-m7L$]6sD       xPos = xPos;
&MFmwY*z0A5k       }
/A#u^/w2k    if (yDir == "down") {6e-A,Tp%dY2{K
      yPos = yPos + BallSpeed;m%aUe9uu,TG
      }
6ki8sR@:K    else if (yDir == "up") {
j-S#Xwb)Lqw       yPos = yPos - BallSpeed;-[%E Ym0m0f*{6`
      }*m3^Rr]8E+\ I
   else { oc,nU"b?'I%r
      yPos = yPos;
m@[c2`x)`#j       }'o+^-p;H4\'U@YH
   }Q'\%m1h v%\aa^

(v9YP s Q2~&n sha function hidetext(){G2Y ?u`:l,T9H
if (document.all)g d!c*gRP g!K
supertext.style.visibility="hidden"K8Vr;io
d,Vh
else if (document.layers) jv RxY8N J
document.supertext.visibility="hide"
NIF2n5ng T clearTimeout(animatetext)](XZM&C0dn2s
}
0l:rv^;O(x!`]
c(jPI!Q8\`uR if (document.all||document.layers){
7R#?7f'fY,ep;~/{ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')F*Ds8D,t?,v
window.onload = initializeBall;
gK0Q)vKAwNVlj window.onresize = new Function("window.location.reload()");
Wf/?MC-y-D+]/N }
|xSBf;{X.}]
P!Ze6@@A*m2T </script>

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