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

返回列表发帖

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"># m9 \5 Q' `, t8 O  ]) _
#supertext {; h9 a* `1 ^6 A; h, E
position:absolute;
left:0;
top:0;
visibility:hide;8 ~: x2 a+ @4 E# e& B% `( F" o
visibility:hidden;8 C! k% T) ~9 C6 K/ \0 s- E
}$ K* ]; L3 H2 a& }
</style>0 m5 ?) ]  U! _4 a
<script language="JavaScript1.2">  a$ v* `1 i' P+ g' I+ b1 q2 ?
9 C7 z# s, b: c2 b. y2 M* @" w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
4 ~* `& ~# y8 G9 z) g+ K
var BallSpeed = 20;- R3 e. ^3 F3 G4 g! w: A' F
var contentWidth;. o3 J' [. W' l
var contentHeight;1 [, {/ e' h- c/ h, @9 w  D! T& R
var maxBallSpeed = 50;4 g; j% N$ `; B2 e0 B* T- a# r& d$ h
4 K# H7 h1 b' |2 k8 j

var xMax;5 c9 ^1 t7 Z4 _; ^: D: R2 F
var yMax;
var xPos = 0;& K/ b7 X( _  e4 A# o
var yPos = 0;5 l( |( o( W9 T4 z0 V* U1 r
var xDir = 'right';
var yDir = 'down';! ?' M/ _: ~  X; L$ W- b6 e/ H
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;/ ~  p, n% [; i+ l0 h
var newXDir;6 W; r+ ^0 u) z# F  U
var newYDir;1 l/ G/ Z3 z5 Q

function initializeBall() {
if (document.all) {* X& Q7 A+ n  `# Z  I8 V
   xMax = document.body.clientWidth! P; }+ j5 a: P# N
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";0 _4 }4 ]5 F: v( I7 v8 |5 P
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height& k4 a  h4 C# F9 |' i3 L+ M. C0 z3 {
   document.layers["supertext"].visibility = "show";
   }
setTimeout('moveBall()',400);5 }, G% ^; N1 z9 A6 V
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}+ k$ c9 d) @6 H0 L, i

function moveBall() {  g% h& \# `: @, F% i
if (superballRunning == true) {
   calculatePosition();* ^& N7 G% c; B6 K+ U' k
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }2 p7 f  c8 ?+ X7 a* w
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;0 Z: ]8 @# L8 p- |' I
      }
   animatetext=setTimeout('moveBall()',20);
   }/ J3 q4 F2 d) H+ \& r  \9 w% e
}% I/ g  Z/ B, i; M8 M
/ s3 ~4 {( \9 \/ m( \8 _
function calculatePosition() {
if (xDir == "right") {, F  i' @9 {7 A
   if (xPos > (xMax - contentWidth - BallSpeed)) {' r7 N8 w8 P0 T- b. d6 H* l
      xDir = "left";/ _9 H2 l  I$ V$ j  k5 c" C
      }
   }1 i& Z7 E0 {- e4 s  o
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";/ o: M- m( \+ f& c! H) b4 v4 Z
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";+ Q" i0 Q) }6 A& F) X& h
      }4 O  z/ G" l% U; Q( Z9 `
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {, W2 _$ [) ^5 S" [- p
      yDir = "down";
      }/ c# M" Z/ s4 j. v. Y1 \! _: U3 R' r
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;+ ?8 f& H3 _- H  u3 R& |
   }
else if (xDir == "left") {) {+ Z! X) `) m/ p6 [
   xPos = xPos - BallSpeed;
   }( J' Y. L0 M  x* z
else {. c) j( e# d) H# F, l
   xPos = xPos;
   }
if (yDir == "down") {4 V7 n: ^- N8 s0 T* h+ d
   yPos = yPos + BallSpeed;
   }+ C# r& j# e5 n" J1 n- N+ E$ V( k
else if (yDir == "up") {
   yPos = yPos - BallSpeed;5 m+ \/ p3 P7 u
   }
else {
   yPos = yPos;
   }
}
8 ]# G% P* C$ E8 q$ M2 m. d* C
function hidetext(){
if (document.all)9 G. E' B- ^% V+ _$ Y. u$ f
supertext.style.visibility="hidden"! L& D: `, T5 v; n* `+ b
else if (document.layers)
document.supertext.visibility="hide"& x- S8 k) c6 q, w- C0 g! d
clearTimeout(animatetext)1 n: n3 O, ~. \+ U2 M( t
}
8 J1 n$ s5 h( ]1 d
if (document.all||document.layers){% d0 g/ s2 R( ?% T; X! o6 a4 ~6 u1 I
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')+ |) K+ R3 m+ r7 e# Y+ T" T. K1 u* b
window.onload = initializeBall;, A/ d. m$ g- d& D7 M! h' q
window.onresize = new Function("window.location.reload()");" z! v) A9 ~3 l, {$ e% s" R% @' v) J! g
}

</script>

【捌玖网络】已经运行: