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

返回列表发帖

Rank: 7 Rank: 7 Rank: 7

UID: 133
帖子: 51
精华: 1
积分: 186
金币: 55
威望: 2
贡献: 0

优秀版主勋章

1楼 跳转到 » 倒序看帖

字体大小: tT

发表于 2008-1-21 20:55 | 只看该作者

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

<style type="text/css">
#supertext {1 i, H: U- |) a3 s4 c. f& |
position:absolute;
left:0;
top:0;
visibility:hide;& ^% D! Q) c+ _
visibility:hidden;
}0 s; ^3 f4 ~/ I4 F4 l
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'$ B: j5 P9 O+ c7 {7 y& P& u8 y2 ^
var hidetimer='';" d5 T4 h% m6 l7 K, H- o8 Q) a

var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;! B: T/ [) A% {5 a6 D) j* ~

( y/ H+ ^6 w8 C+ f
var xMax;6 ?! P7 h& ]6 l! g
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;0 p( h! K; K* D' o% n' o! @; E
var currentBallSrc;
var newXDir;
var newYDir;6 \, [+ P2 G# u5 e
. w; h0 r8 a9 _. `7 x' g( ^
function initializeBall() {5 C: G9 d! u  v
if (document.all) {1 X4 A7 E! S* D- s# }+ P1 F; A
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight" I4 R# Y. v" F/ L
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth1 W7 j, e: Q2 O8 B/ S" C
   contentHeight=supertext.offsetHeight: Q1 S4 ~; z  V  [2 O- g" m8 M
   }6 M/ ^$ d( ^$ e
else if (document.layers) {: @  f- Q! a) d4 F. i1 g1 R
   xMax = window.innerWidth;
   yMax = window.innerHeight;$ U  R0 W5 \$ L& `6 @; _
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height* v5 [* P7 x1 Q+ D+ x
   document.layers["supertext"].visibility = "show";
   }3 ^- D7 v+ b8 {3 r
setTimeout('moveBall()',400);
if (hidetimer!='')0 v) a! m0 `5 N' N1 n- h9 R* q" J
setTimeout("hidetext()",hidetimer)
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {0 ~, A7 J& a; n4 G
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;% p! e) r+ _7 v- [  @% p% K
      document.layers["supertext"].top = yPos + pageYOffset;3 x2 g+ ^; p1 ^& v$ R3 ]( N
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
2 L! F, C( x6 `1 h
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {4 Y  [# J$ \- A0 J) |4 _9 K
      xDir = "left";
      }
   }
else if (xDir == "left") {) o2 f7 x9 O" s! e0 ^, c. X7 h
   if (xPos < (0 + BallSpeed)) {+ p( g5 j% D9 j- m3 B" S$ |
      xDir = "right";# W1 E9 s! Q# Y3 `" `
      }8 a6 g; o( C, k  e, y1 V
   }
if (yDir == "down") {4 r4 k1 l% }! d  Q& B7 x9 \- T4 I
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {8 L, M4 `! O3 j- D' {' ?
      yDir = "down";
      }
   }9 J, Y3 h1 _& O2 [1 u7 `
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }" s3 X/ }( {" r, D8 B
else if (xDir == "left") {
   xPos = xPos - BallSpeed;* G8 a' z' J! a5 Y
   }
else {
   xPos = xPos;
   }5 I$ U' d; Z: ~) g' {  |7 I/ B
if (yDir == "down") {& t/ Z6 j+ B; S- q( I2 g
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;' q; D6 T4 p: Q8 H
   }7 z( |' g0 n/ O2 ?1 T
else {( D) C, C, W( g' ?, B
   yPos = yPos;
   }
}
6 u1 d3 Q# H+ A3 s0 q
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"* }' J4 y# A8 N) A+ I
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)1 h3 |  H/ K5 [9 f
}/ s$ E3 k0 r0 R

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}
! B3 E0 v) t* S6 D$ u5 J  y* W5 \0 s
</script>

【捌玖网络】已经运行: