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

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

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

<style type="text/css">
&Npu0a!l@{7f,G A;j #supertext {
r8u(_(Nh M position:absolute;
5QR9pp1? left:0;
-X@!H"^/E9CBK top:0;&p.g}I:n/]h%A
visibility:hide; u"z5r,l5j LwkyF
visibility:hidden;
A q7Z"aTW/g4Q(K } _9GgW)|-J.?
</style>f
f V PvEpj
<script language="JavaScript1.2">
u4@*r:M"B:j`O%y <!-- 改变下的字体的大小。颜色-->H2]A\G?
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+`zzk6\/FXoh(J7f.s
var hidetimer='';
4n
Z'l,h"e_
yG#c <!-- 改变下的弹跳速度-->%ksn(Cg q$A
var BallSpeed = 20;['](yc+\#}
var contentWidth;O:WO$[V C
var contentHeight;
$q*O?POg"Xy(O)y8[ var maxBallSpeed = 50;
}4|i'D#KlIc
uje+?g .|#B"F&qfiYP
var xMax;+I"o,Py-D!E
var yMax;-d @+R$tW#H d-h;j
var xPos = 0;
-A,G#@r2\_;yp]8Eb var yPos = 0;
['L3D2lW'V var xDir = 'right';
c#Yhq4n5n8Q:?
var yDir = 'down';
8]%|
y F
x_.a+y:k9S var superballRunning = true;
*@4FU&qL^_ var tempBallSpeed;
!Xe gJ:c*Id,?S var currentBallSrc;]#Tt L1^\ d~
var newXDir;JAb
{X Uj Lf/E
var newYDir;
{9e%e0^3D\6x3ii"o
)gsF`PiV function initializeBall() {
;X-gZ/vi    if (document.all) {
Is(A:F'n       xMax = document.body.clientWidth
R5J6B@)A       yMax = document.body.clientHeight
G)jd8e#\       document.all("supertext").style.visibility = "visible";:cKW3A\x'i3Y
      contentWidth=supertext.offsetWidth
D;X4B"Bly"a#VA
      contentHeight=supertext.offsetHeightI4g/M,t*qh4t;m lo
      }
p"u2YmZ}(]
q    else if (document.layers) {$f'E-Z,{?Fv
      xMax = window.innerWidth;.^2?DqV
      yMax = window.innerHeight;
;I-USw |$C]4g       contentWidth=document.supertext.document.width
9O6cj)K/c.H4_*~7]       contentHeight=document.supertext.document.height
$_/X*@/yJNa       document.layers["supertext"].visibility = "show";.n_&q7\'?$]'?]
      }
uN1pJ)_
x-P)H R    setTimeout('moveBall()',400);
3ArFOK,H    if (hidetimer!='')
oQlLA8K S+k5mL M7`    setTimeout("hidetext()",hidetimer)
V,AjS*^!k)U^    }
(DCcYV i#u !i/FCb/Vu2j1C7]r
function moveBall() {
s3J_MOPii    if (superballRunning == true) {
#kg&rGl,e:N9{ lEb&q       calculatePosition();~AHg7n&n
      if (document.all) {"wB,s Y3xL+u
g
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
3CL6~^w$l%e*j          document.all("supertext").style.top = yPos + document.body.scrollTop;8F'?V3l"l/[t
         } L4XB N(k6fC7N7k
      else if (document.layers) { r ILV~
         document.layers["supertext"].left = xPos + pageXOffset; X.t"T~J1SoHD'z
         document.layers["supertext"].top = yPos + pageYOffset;
f[$wM u          }
q^-N2Z8]6NS_       animatetext=setTimeout('moveBall()',20);
q2~3`R:{ UG
z       }Xk/@_)pof
   }(G?9i/T8g_ubK

tuEC+ig4y(m^ function calculatePosition() {%ko#])s6yWrB
   if (xDir == "right") {
9z/C7}TH Qx       if (xPos > (xMax - contentWidth - BallSpeed)) {
^s3z ^U^i6X          xDir = "left"; Gk*H[Zg
         }
Q0y*q/j'a8oc       }U!b3h;GJ(@9O7c
   else if (xDir == "left") {
W/G.WP W@3cd&z       if (xPos < (0 + BallSpeed)) {z3{ V.q3\g_$Fs
         xDir = "right";:sY5l#|%jvY(h.Q
         }
^GL1~+J       }l+LBr#oH/r
   if (yDir == "down") {b+\@'c qQi)nx
      if (yPos > (yMax - contentHeight - BallSpeed)) { I^q)TL
B
         yDir = "up";#rU e2N(x*{5[n
         } Okak%\*^,v1yp
      }2yy`.L?*|:U\5\s
   else if (yDir == "up") {GtwD%~LBCb
      if (yPos < (0 + BallSpeed)) { c[?\-]m(S,FQ
         yDir = "down";Sn#Q lg7Zf9mY%^
         }
BD0t6X#d       }3v'l+J5g8v3A F5XTJ bI
   if (xDir == "right") {1F_$iccI?Cla
      xPos = xPos + BallSpeed;BXiwE!h{[
      }
p4t^u)~Z oRF    else if (xDir == "left") {
o3L,vSp6S:ln4p       xPos = xPos - BallSpeed;
x\4A*B"Jiu:?       }Kld\4m5T+E
   else {*} cp Qe5~&]H+?
      xPos = xPos;
w/e:Zd~o[       }
t6gAb^$`*Q    if (yDir == "down") {
-TOC#Hh       yPos = yPos + BallSpeed;
NQ-y0Prj8G       }
zp]NIF    else if (yDir == "up") {
i6O*e)wzW&Rv       yPos = yPos - BallSpeed;
/@N)o.?K       }-ZS`~~4Q$pR:OsM
   else {g;`-J3lEG
      yPos = yPos;
?:se r,T,wa#L/_       }-^5eML?dZAq
   }
y&xA9Ufv aXF9y;b2E2o9CH
function hidetext(){
C'I;d4hk xd u if (document.all)
"T G)O U:vz supertext.style.visibility="hidden"
x k&{N7xUP0sm
else if (document.layers)7BR8}I?L
document.supertext.visibility="hide"
%lb|jMw5~ clearTimeout(animatetext)qUIg4{s
}
/Y}6I}wI#R NI)N3Bm
if (document.all||document.layers){? {[.\Xk8H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
0Q*i#m/v
h$e$l|?8} window.onload = initializeBall;ZNjh Mc
window.onresize = new Function("window.location.reload()");
)f8q~1E)}GbW3~!ck }
*H u-y$Q/cR
)V*kh(AhtP </script>

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