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

返回列表发帖

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">9 E; n& H2 A' n) |: R
#supertext {( Q# n. C6 r  v
position:absolute;
left:0;" v- U3 A: d  J4 i1 ^
top:0;* ]: u4 U8 n2 m5 X, R
visibility:hide;+ a. f  V) p6 n- t7 `& }" o
visibility:hidden;! b0 @6 C8 F: f' c/ s) ~  d& x4 K
}
</style>
<script language="JavaScript1.2">& U' g2 j$ H) k, `; C& m
& m! r/ |5 @" e, N3 o; }. G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
7 F+ H& _2 z6 q$ E8 V% d
var BallSpeed = 20;
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;

5 J2 c; ?/ J) e
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;$ `& U" n) \, ^& t* x+ x
var xDir = 'right';8 r: j4 Q$ _# i+ s
var yDir = 'down';4 R. e  j5 t8 L0 s8 z
var superballRunning = true;
var tempBallSpeed;( z* L) \7 s3 X0 o( Z. ]) q
var currentBallSrc;
var newXDir;
var newYDir;9 `- |6 V( Y$ \6 V# n3 o! N/ u

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";, H" A+ g5 r3 n9 Q3 T; e
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight4 l- Z1 Q: S2 m3 U; n
   }
else if (document.layers) {5 j2 r& I5 j' A7 w4 `2 g
   xMax = window.innerWidth;1 m  M% `' x/ G; q  e: P
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width7 V, C& ^. U. m) M' w4 q) z
   contentHeight=document.supertext.document.height4 c5 w2 \1 H. i: m
   document.layers["supertext"].visibility = "show";3 W+ C  K0 n# b# ~; u3 a  K- j3 [
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}
4 @: |# y) Q7 y7 ^( H
function moveBall() {% j9 o, y; {* L# M0 f4 u% G
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;6 N2 w4 k+ i6 z
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }5 p5 }1 ]* c6 Y3 q
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;( W% i) ^: V6 X' W% X
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);7 G" U, Y" K9 w4 h: Z
   }4 i0 i! j5 S" F8 p# Z# `2 E/ V' p
}3 \( Q: \" b  c1 b2 v) H* N$ w

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {& n! y% O- X6 U; g$ J
      xDir = "left";
      }4 c  u. ?5 ]! k& o: }, J
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";& e9 G, z- G3 B1 i* C7 M, T
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";1 p9 C5 b1 H  j7 X2 P9 U
      }* v) Q# K2 H( M& z- M9 Y
   }% s1 }1 ~+ y; z6 U+ X
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {. p7 @$ G1 t/ i7 |5 K% l  _; R
      yDir = "down";
      }6 V2 T  T; a$ J, A
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;! {& k, U2 B  N! X! t2 y
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;; ~$ E, }+ ~$ V& w; y# ^2 l
   }
else {8 }" C2 d# v2 u9 I+ }* ~
   xPos = xPos;7 B0 X. X' `! @) C
   }# M3 V) q/ g4 k2 F) g, e
if (yDir == "down") {
   yPos = yPos + BallSpeed;: |0 u6 e& q- t! M5 o* O. h  @
   }. B% ]. a9 j, I- a
else if (yDir == "up") {
   yPos = yPos - BallSpeed;; A, B4 B. d( B
   }
else {
   yPos = yPos;
   }# {2 O) t7 N/ _- A
}" q3 I% T2 q" I+ ^! x( ?
0 R3 H8 f( e5 x! ^
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers): K' G, w  h# X& Z# P
document.supertext.visibility="hide"
clearTimeout(animatetext)
}
& w2 L" Z( j- g- D$ B
if (document.all||document.layers){' y% w( j8 P8 O8 {1 T. |9 A# R, E% G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}, h8 j! f" k$ \) h) p& W

</script>

【捌玖网络】已经运行: