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

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

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

<style type="text/css">
x^|.j1k oX #supertext {
GE3qf"A position:absolute;ZE ST+L9~&j#v W
left:0;u.[2@!B'v9I;V+w
top:0;
3n7h4rv{N~G0tnr visibility:hide;
.V/d)W+x/yY.Q visibility:hidden;IN;j9YF0q;s
}
y)k1P4]m ? </style>/@:Xg0qk6Ki
<script language="JavaScript1.2">NQ*?;{.W'R]2AS+y
<!-- 改变下的字体的大小。颜色-->
'KF$jl{JG)o var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'XSEu0e.u8uE
var hidetimer='';
5r*ck"JQie <!-- 改变下的弹跳速度-->2l%]"]1qKy
var BallSpeed = 20;
MT;F8~vW+~F var contentWidth;"z"nHBA3[ R
var contentHeight;
dT2d6VY?dp rf7? var maxBallSpeed = 50;|1DQ;F/\b-AF
:OlH,t |!dK*u

9Q5Y[3~(v [v
n var xMax;
(W!j}%t3VD/KN
QV&W var yMax;
3ysus}w%Dj var xPos = 0;
M/R3}a;Z4ZQ var yPos = 0;
&KL+a#~%C%W| var xDir = 'right';Q9xg&mO
var yDir = 'down';7Bja
pj ]:ld
var superballRunning = true;
p,rx7{&D
R)a
h{6g var tempBallSpeed;%x;fAeX
var currentBallSrc;nF p2mE7G5r4F'J,tC
var newXDir;
L1Lp/EqI9dmJ var newYDir;*{2WJO9y.xW3I
]+]
R#qS-l
function initializeBall() {"Rc!_J%e/]n
   if (document.all) {
8diM7_ {7k]&Kcw       xMax = document.body.clientWidth
1Jo
`vRej!e       yMax = document.body.clientHeight:A`Z7U/D3Xc
      document.all("supertext").style.visibility = "visible";o _| R$i*G s7]
      contentWidth=supertext.offsetWidth-rl;\F6xS!Gb/soUm
      contentHeight=supertext.offsetHeight
9f g2q]
uz9^       }|l*Y$? ZA$sd} G6w
   else if (document.layers) {Js2RbC
      xMax = window.innerWidth;
Hk^ZU3o&m9Y+y       yMax = window.innerHeight;[9F2D4m;\a
      contentWidth=document.supertext.document.widthBu6OP g%d-E q
      contentHeight=document.supertext.document.height
tp gp/kO M6k3J
A       document.layers["supertext"].visibility = "show";
?]"{2i*[G
      }
leITCdaA    setTimeout('moveBall()',400);
{%k\5Xc0HL    if (hidetimer!='')
VhcG{,sI    setTimeout("hidetext()",hidetimer)
5_/g+]-l\}1\
r6N6_    }D!vo CAB8P)f+C
2m-f,v7N,x!o]yT:`
function moveBall() {Vf$C(tY?'D%e
   if (superballRunning == true) {^0] SI^u0Y%X
      calculatePosition();3fhl_3\'_
      if (document.all) {.I8g~ba0v-b
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
'aS'd.AGxO          document.all("supertext").style.top = yPos + document.body.scrollTop;
[;rrI1K+KE          }u!jS ee+q
      else if (document.layers) {
6I
b+rB5A-kW5B          document.layers["supertext"].left = xPos + pageXOffset;
? vg n8ml8T"u0U          document.layers["supertext"].top = yPos + pageYOffset;!C
K hFq2T-A
         }[/VqP3a,mx3E(K
      animatetext=setTimeout('moveBall()',20);
Ap&C$l@       }
6u.rG6KL    }f:F.e"g2g n.G)z
/tC6^j;sJ3p
function calculatePosition() {U$T$uW6ft}T
   if (xDir == "right") {&c3\\L8U Lz#Z#i
c'v
      if (xPos > (xMax - contentWidth - BallSpeed)) {
7^q-l0b"j          xDir = "left";Krti!r_ V:\?
         }wOe:Z(h2q1HT
      }
4I/j N'AB8]:mh/|H1y    else if (xDir == "left") {7VL2hU1]c
      if (xPos < (0 + BallSpeed)) {
m;Tca8O(K)gbR3m          xDir = "right";;E5Eq
{*s W5Q*b;q(i;X#\
         }tp7oA)t%j,Y8x
      }
iT&D@Cxl%I    if (yDir == "down") {2~['Dn0VC
      if (yPos > (yMax - contentHeight - BallSpeed)) {hieD c-W0|O6FO
         yDir = "up";2s1]1PE#bB
         } FLp^4MG3T
      }
8l*l
tuu    else if (yDir == "up") {
v?+Wu2bh-zD       if (yPos < (0 + BallSpeed)) {,D:]8t/c%J6j|-w,R
         yDir = "down";

{/J/n#L8p          }+MQHU-Bl
g u
      }ksR7S)]2Y+_p
   if (xDir == "right") {
~.LV la#KrA.b M       xPos = xPos + BallSpeed;
d
frB-o       }Wp5vWIMR{
   else if (xDir == "left") {
+hPNI8^(V+P+|       xPos = xPos - BallSpeed;Jd:iD?ke [ k ]O(y
      }
ZtUGa5PY    else {0Iz,d-Pg` s2^*~
      xPos = xPos;2o@x~l7F$N
      }
lX:d'Ma-X1c    if (yDir == "down") {
L1mC`!{!x t6j
A#t       yPos = yPos + BallSpeed;
A8ZB%l&JH_b       }
~"b2Y*QL1n    else if (yDir == "up") {
-OpMQ2QsL|       yPos = yPos - BallSpeed;U~7m1` [7ed
      }:j7z_5j de tmg3t
   else {
| U Z.QVB8A(c%E4}d       yPos = yPos;J4nd,ih5q'x
      }_nII]_W[D&W
   }
l0p}_&z^ 6e5h2B3Cf m+?
function hidetext(){Di |1P` U,v8{
if (document.all)
;k9dI}R? supertext.style.visibility="hidden"
J})B9Bo|yF else if (document.layers)
U+Q i5~\:hc1e document.supertext.visibility="hide"
/n$P/kv
e
S@(M-Hp8K clearTimeout(animatetext)9[/X exqxA
}f
~o-oR

i [*g+m9B\g WE if (document.all||document.layers){K ~3U9cV:l5Z}
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')*g:X3~,~O x
window.onload = initializeBall;Nl?m2d9}d
window.onresize = new Function("window.location.reload()");
-W:^5E K.X@ Qw"` }
$iM6tW$R X5Qd,Z
9},KZaVGNi </script>

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