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

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

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

<style type="text/css">S$S9`-dB/k4Y
#supertext {
[-s \Z"lL
I@G position:absolute;nmS9} ]
left:0;
6{Do&{|uF? top:0;
GGx#`3cL6k;M$B? visibility:hide;
0Le0qaR P visibility:hidden;
6J2H q;vd }mDNZc8h y5UHhwF
</style>
S IZ|)d&p <script language="JavaScript1.2">
S!y(ezVn*SO <!-- 改变下的字体的大小。颜色-->
}YP#\V3`T var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'9_+d tv W1JpX
var hidetimer='';
O7V4y"^ qoxN;n:ku;t <!-- 改变下的弹跳速度-->
UpDLlX8h
var BallSpeed = 20;
H0p_9sKs var contentWidth;
uxX Es`X.` var contentHeight;P^"Vh$lA
var maxBallSpeed = 50;
x)^*](I6K5G
!L:c\/bG p~t-Em?C(DGSv
var xMax;
)ku+G2r-M/@Xlk I4Ux1t var yMax;
$T#A*dO:\3mj*E var xPos = 0;
Wt8m:G&u"Nd var yPos = 0;}&V5c;u/a0D)FQ5j
var xDir = 'right';
(Qf-m_X\5mwv var yDir = 'down';Le2of|'l+Rf
var superballRunning = true;
w^t6z(S var tempBallSpeed;
x?P#[T}Y4rm var currentBallSrc;f/xyD`E
var newXDir;
iEaa"@g"Sl k*y4r var newYDir;b/o1c NG2E%T5U
!S \:H D-G8Tn&es
function initializeBall() {9R?2D)H}(sodX no
   if (document.all) {zkW*[x7S9R6U
      xMax = document.body.clientWidth
~\h8Cv       yMax = document.body.clientHeight ba&?'qU,}G1X5] b![
      document.all("supertext").style.visibility = "visible";
)eOB gB'|$qbj%f       contentWidth=supertext.offsetWidth
*T_}3Wg L`/J       contentHeight=supertext.offsetHeight
hKFfo/tccn       }ZO/]x:Z~e-B
   else if (document.layers) {
w6e{t%K~(ExMc       xMax = window.innerWidth;/F2v4b4L Qm^ UV9m
      yMax = window.innerHeight;O3u,[/t#@/b
      contentWidth=document.supertext.document.width
4X1c!mH`0n.Y       contentHeight=document.supertext.document.height5I*B&W aZ4|
      document.layers["supertext"].visibility = "show";
E1EyS!e%D       }
FV4w8[!D7BM,j7]2K    setTimeout('moveBall()',400);
jJ ^Ris$Q:b
d    if (hidetimer!='')"^+{ }[3w5G
   setTimeout("hidetext()",hidetimer)
a],gdg-D{z    }yZ)GBIFWQ+h

'L4b^8i4azG function moveBall() {
M_4?&pq ~7L.w(y*T    if (superballRunning == true) {_^9c F5mx/s?g5x
      calculatePosition();!OE#e$Hn)p.o
      if (document.all) {
l.Ag|_'mc          document.all("supertext").style.left = xPos + document.body.scrollLeft;Y }E Nm7y1w
W+z[
         document.all("supertext").style.top = yPos + document.body.scrollTop;
O1u3]3u.N/eM          }R FT m&e&{}/X9me
      else if (document.layers) {o5I6E-?Z5y
         document.layers["supertext"].left = xPos + pageXOffset;
#kv&?'P`2m;q+w          document.layers["supertext"].top = yPos + pageYOffset;
^ `a }(OD5wM }-]:h          }W$O|$rG[1d;ZN7Cx
      animatetext=setTimeout('moveBall()',20);"EWSiw`1]
      }%QOW'Y
gD
   }N? Z"xP/z|

{#OZI(_ Oc[` function calculatePosition() {
} wQW#K-|k    if (xDir == "right") {,k&b I)d"^!e4P6v)I
      if (xPos > (xMax - contentWidth - BallSpeed)) {
]hm6X~4UG]          xDir = "left";
hF!~:Gr"V%Ky          }-]'|?AdX0d
      }
3Y's.N Z:x;u#M    else if (xDir == "left") {
%i4VAY*wT       if (xPos < (0 + BallSpeed)) {f:hGs d'lAh
         xDir = "right"; ] Xt L yWpF*Y;q
         }
B!QV{e;l\:k:s       };Q*e0\O]#Tt W
   if (yDir == "down") {tSrq0E
      if (yPos > (yMax - contentHeight - BallSpeed)) { rl%P)D_U4D5Z3s
         yDir = "up"; GM4U/~q4nl3~'jt
         }
$pQA5x#t H       }@ t-X Wy_?
   else if (yDir == "up") {Jnv6d bOfu
d+x
      if (yPos < (0 + BallSpeed)) {$pE$A(~ ^k-n
         yDir = "down";vveMZY(I7p
         }yIP0D'MK
      }
@eOnom1Bp
n    if (xDir == "right") {
8{:`8QR0yLm.^:P:Q;}       xPos = xPos + BallSpeed;
.dxd |3l(E       }
e-iq'g p8`\Z;Q    else if (xDir == "left") {
t^b$Y^ x4\       xPos = xPos - BallSpeed;SAY.DH t.].c{Q
      }
p V$i*HEC,l    else {
)v^@SU?^       xPos = xPos;]w^OFq!WWN/X)Y
      }
%{ c Q3l.{#t    if (yDir == "down") {3|x"i:?#MhC
      yPos = yPos + BallSpeed;
boEA
V?       }
u}l(^$x:ox|m    else if (yDir == "up") {
v8g}Oj|:^       yPos = yPos - BallSpeed;?5JN"MB(mD!t
      };@;X1DMj\S(mq
   else {?.P5lc`O
      yPos = yPos; J5dJLr.Zm&N6@ gF'u
      }
G;v0f7sT^;K~ zX    }VL LVh vP O&_RDO
@I\0a*ndd"T0s
function hidetext(){
x&c|:}5zfv if (document.all)
"m/z8i3h-m7| supertext.style.visibility="hidden"
@@.zk2d3z else if (document.layers)
7oKSv?w]^0MfJ document.supertext.visibility="hide"{e%W-J\#a([
Ou
clearTimeout(animatetext)
-s+i-o-W{ G7Un }/ti3Z^(Ks(h}

{ W TTtDGbb if (document.all||document.layers){
U6Br&Q4o{w document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')Xi}]'bG
window.onload = initializeBall;)gxq3tK6G6Z
window.onresize = new Function("window.location.reload()");
-[QPX;dd5QSdU"| }
$s8R x5K%gL2z x^\"h(Q|o P\}
</script>

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