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

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

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

<style type="text/css">
f2cD-Z
m0N/j#]E #supertext {
K7u`,Jy\7gF7T position:absolute;
6e9@y1~c0G.q left:0;
%g.o7{gAswD3C top:0;V+dN"b ~(v
visibility:hide;
/k;Pv]ayzSt\ visibility:hidden;
5dq2K!f#rnK"jd'S&[b } tV~1w5Uc
</style>E^i+aK,X'R-wLECm
<script language="JavaScript1.2">
)w8Qb7~:mRt1X;T <!-- 改变下的字体的大小。颜色-->
3b1d,i?m(n0O9N var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' Lc.mhwuQ zeZ
var hidetimer='';
0h)bJQP&{*y <!-- 改变下的弹跳速度-->T Es`*zz?
Od
var BallSpeed = 20;
/xAb V%i#}1OR:u var contentWidth;5X ~ H
WH
var contentHeight;3|PPW/C
d
var maxBallSpeed = 50;
"l WpEH5TM
*y*c[7VoaC3T 0a+nJG+H!SP
var xMax;-Z:I'S:k%~S#_8? VX
var yMax;
9F8x:v%Jg&V"P var xPos = 0;
*AZ6X u,Gh
_ var yPos = 0;
$O\2Hj0H? var xDir = 'right';C+sAU3lzW
var yDir = 'down';
y:A0dZ a;u M%g
{ var superballRunning = true;!_6X0tZ.AF-CPZ
var tempBallSpeed;
]5A NEU Y8q var currentBallSrc;"Eq,\6C
i*fI`
var newXDir;%`4D0S%qa H`&osQ{
var newYDir;
J Q ||3]#tRL9]
:^f0J.L%f7U5yy6V function initializeBall() {q_COi P.V
   if (document.all) {
t|5vGA       xMax = document.body.clientWidth)nqB,}&F$U'S
      yMax = document.body.clientHeight
\%\:VG3PS-[:x&X FU       document.all("supertext").style.visibility = "visible";BmYr.?l%[
      contentWidth=supertext.offsetWidth
,fW2NJ,\I0[       contentHeight=supertext.offsetHeight
!rM.Z;Y|       }$HW[F*C8}!j
   else if (document.layers) {/xU!u?Il
      xMax = window.innerWidth;
c3P$uK;ou v3T| y       yMax = window.innerHeight;2qxPAI&j'H6G"k
      contentWidth=document.supertext.document.width/hOv3|5Wu+f!H
      contentHeight=document.supertext.document.height
PIMDl E"S0|5X       document.layers["supertext"].visibility = "show";(E"SI PU-_6H*xJ-a
P
      }
/N7u1Sg8oZ%Q1p    setTimeout('moveBall()',400);
vqM OnK[    if (hidetimer!='').r-l7Y9Zwo(tgV3I
   setTimeout("hidetext()",hidetimer)

\iK{?z    }%`ef/[U`j
(DX#CKEA"K X
function moveBall() { L7`5`@{O)['E
   if (superballRunning == true) {
|-o\
m$~x%f6^ G H*ce       calculatePosition();)L's` u
qV^
      if (document.all) {
V8h8}o
LxTo          document.all("supertext").style.left = xPos + document.body.scrollLeft;,a5E2`:jT1dG:m
         document.all("supertext").style.top = yPos + document.body.scrollTop;-]&FO4AA @ D}
         }pJp"tyLV
      else if (document.layers) {;f-d:V9Nz)Z8rw
         document.layers["supertext"].left = xPos + pageXOffset;$n#r3P*^ b7cMH`v
         document.layers["supertext"].top = yPos + pageYOffset; b&np/Iy`-BLGc
         }+QrvN5g?tB
      animatetext=setTimeout('moveBall()',20);9N8g({}-B^A0X
      }PB~E8Ci
   }]$pb+B-K6l;]:f4p

|"x_SC(S function calculatePosition() {
1R#FES-t ?$x*d    if (xDir == "right") {WOOK C$W IyM
      if (xPos > (xMax - contentWidth - BallSpeed)) {#f#r'~uG}
         xDir = "left";
wzn'~.]7]#OG          }
8gjPn#A@       }
E@1K3]~    else if (xDir == "left") {Eim;jT9X7A)V
      if (xPos < (0 + BallSpeed)) {
7^X!A9h+ng0U          xDir = "right";
am0S S P          }$?MX:nyWmS4J
      }
5z+?%Z1j*{y Ue~    if (yDir == "down") {$ru8z7s~"N-V5f:~0Q_#b
      if (yPos > (yMax - contentHeight - BallSpeed)) {
O)O$M%dq8Sc#E7x f
         yDir = "up";
oED$H*i_Y          }:U.Q4N"|;\,^ln L#O
      }
x_f:^*lx*g    else if (yDir == "up") {ec:{{I
L:g+`U
R
      if (yPos < (0 + BallSpeed)) {
?RJ;]sR*d3`0F          yDir = "down";6ir5Hj-N;s2H
         }
-j(Z7B7|
N4_A mkhi       }
:?Q
Z t.O    if (xDir == "right") {-u/~w2m/O\pZR ]*D
      xPos = xPos + BallSpeed;
^m&y0s+GPI$U       }r/Loe ~#T#R
   else if (xDir == "left") {K$E2q7{ @g!E PB
      xPos = xPos - BallSpeed; ja`m
Ji/PZH
      }
yc`P5G|.s~8IScq    else {
"Fn T!`bh,I(]Id V       xPos = xPos;
_#AQ6n;^$s-\       }j3epZX {F
   if (yDir == "down") {
0G/M8K%Y.I(x       yPos = yPos + BallSpeed;
hJ;pFGr       }5{K?GBhPr u
   else if (yDir == "up") {
e*t$v*b4zm+g       yPos = yPos - BallSpeed;
.L/m-fDK:Sy       }NG7D/Z\dd8HSZ
   else {
8LYg'V;E ezp       yPos = yPos;
C5pI1B V0C:v       }8IwN,TC{alt%Gh
   }T)I5X*R#Wy8I{]d
!w)i_(O!va@ ~@
function hidetext(){4hH3o^"H.O6F"`N
if (document.all)
b9UZU
{+L4S supertext.style.visibility="hidden"
X/cM,H3`o;s
h else if (document.layers)e4N-g-u2k2CYsfO
document.supertext.visibility="hide"4S^b*[%K3?q
i;o
clearTimeout(animatetext)
;Bcx"O_ _[ehC0`(` }4C8BlsbG&s }^(Q
lzy1{8SXz[
if (document.all||document.layers){
7uz s
]3?Q IY:_^ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
;@1c ^)]1t3r,rD window.onload = initializeBall;5e1u"wP4TJW
window.onresize = new Function("window.location.reload()");
6`9@9MqI })n,_6S*G]aT$S7{s'G
.r:PU[P:B8x+Y(U
</script>

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