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

返回列表发帖

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 {
position:absolute;
left:0;9 A7 C0 {$ ^& w, {. g; N' B# A: ~
top:0;
visibility:hide;+ h$ t( e$ E) H. q  e
visibility:hidden;3 H+ ~) Q. X& ?0 J! F- ?
}+ f3 S! v/ J4 g: K2 A5 H
</style>
<script language="JavaScript1.2">
" G  f3 q! V9 d4 ~1 e
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';

var BallSpeed = 20;- `! N* K" H3 \! W
var contentWidth;  a1 B6 |( j9 `/ x! A
var contentHeight;
var maxBallSpeed = 50;
6 N0 g7 |1 T) j. |  Z8 W2 |

var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;0 I! B* U2 s2 G7 t8 p1 I5 Y
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
1 R8 |; b; `8 ^/ M: ^! R
function initializeBall() {* ]( w2 `# m! u: k
if (document.all) {
   xMax = document.body.clientWidth% p) A+ l' ]6 Z! d& e  c
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";5 v& u1 b- M4 a+ e* \
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight0 X* w9 @' [# q) j: A) J. p
   }
else if (document.layers) {
   xMax = window.innerWidth;- U4 m5 |2 a: w# [
   yMax = window.innerHeight;  ^$ f4 N$ N. ~# v1 c1 K
   contentWidth=document.supertext.document.width$ F) r* }2 ?) _; w' O3 S1 j
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";
   }6 t# Y0 d, F1 p* v/ d  X% ]
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)9 B% B  M! B( T" {) U, b3 r9 Y
}

function moveBall() {
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;& j7 C; h5 f7 @# |- E
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }8 q; n. ?) X) w5 r( @. l, r) ?. d
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }" Y% Q& t- J# L" E, y
   animatetext=setTimeout('moveBall()',20);
   }
}2 J% e% Q  r3 n3 T8 {
5 s1 p) ?( Z! t' b4 n6 M
function calculatePosition() {
if (xDir == "right") {  Q- `) K4 n, A
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }& T. ?3 B. u4 A
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {$ A& D. h( h: u
      yDir = "up";4 D% c  k4 T8 T1 `
      }! [2 V! V; {" s$ _+ G
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {; `, v& ?/ q( h( a6 i  o6 L9 i
      yDir = "down";9 ?9 @% n" O& j; @( s
      }4 ]# H1 k. ~0 `( U
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }9 ?6 p0 b5 l5 W7 U; U  t
else if (xDir == "left") {; B1 S6 _. C) M1 b2 U- y
   xPos = xPos - BallSpeed;6 i* T5 a4 z; u* F2 r0 n
   }
else {- \# Q- H$ f; ?6 J- W
   xPos = xPos;. c. F7 s; C/ ^* N/ d
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {  N! \$ y  ?  K9 `: c
   yPos = yPos - BallSpeed;
   }! {3 J( ^' `( P$ \
else {
   yPos = yPos;
   }
}8 }3 I" h: J9 C- \4 ~/ u
1 V$ U" L% M# ?4 _9 p0 R% o
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){) W+ D- Q- R; L) n0 m
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>'): Y  {6 B, x8 k$ q4 W1 X6 A
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");" @; W/ |6 d4 Y6 N. O6 ^
}
; \$ c$ t, Q9 }) ~
</script>

【捌玖网络】已经运行: