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

返回列表发帖

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;6 T% j3 R7 r$ C1 |6 c0 W
top:0;
visibility:hide;
visibility:hidden;5 l7 Z6 O; d4 L4 `3 X; W: G8 g6 e
}! |0 m! O( [' v
</style>
<script language="JavaScript1.2">6 M1 o7 Y7 |2 A8 F2 j( U  J& N

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';: C1 J, M0 k$ L- X

var BallSpeed = 20;, e. V: p$ s, q6 x  z  I7 {
var contentWidth;
var contentHeight;, w' v8 Y( J  f8 G- y' m
var maxBallSpeed = 50;
2 n0 O4 n: J; Q; ~" Z6 M- l0 T) t
6 M( A2 Y7 U3 V0 h( E
var xMax;& C( h) X! d- T, H- ^2 _
var yMax;
var xPos = 0;0 P6 D- p8 S$ W, d
var yPos = 0;
var xDir = 'right';
var yDir = 'down';; r3 X1 b  ?# G
var superballRunning = true;+ E( h' a' v& l* G: T0 C
var tempBallSpeed;
var currentBallSrc;! \4 R9 V3 z6 K( ~- c) r- \
var newXDir;
var newYDir;

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth5 G4 G/ r4 n$ @
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight) q% I: [+ ~. R9 b6 @4 Y
   }) _3 [  X0 s# ~( }0 M$ C8 ?
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;6 ^4 ^  r5 b1 a2 h( ~
   contentWidth=document.supertext.document.width1 H+ Y& [9 e- @/ ^8 Z* G3 @
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";: a. {* I/ G7 `# }' F
   }# p/ p$ @# [7 c
setTimeout('moveBall()',400);
if (hidetimer!='')8 ^- i/ V2 _4 P
setTimeout("hidetext()",hidetimer)
}; ?& C  F# d/ l' J$ Y. B* @

function moveBall() {
if (superballRunning == true) {
   calculatePosition();6 d1 ~: w% c" X! r
   if (document.all) {' g& f! \/ }/ y9 l1 ]7 Q) L
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }, B9 }, F7 r& O5 M* l9 |
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;  o; M! W* `! `0 H+ q) `
      }
   animatetext=setTimeout('moveBall()',20);: s, |% O5 Y2 M& b) @/ H  z
   }
}

function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {* f6 P5 T$ [1 x* h+ l! N1 v% K2 v
      xDir = "left";
      }
   }
else if (xDir == "left") {1 a) w3 S# @* C8 V, R
   if (xPos < (0 + BallSpeed)) {8 U' s& _" ^* U4 Y
      xDir = "right";
      }) z0 ^+ R' d! T6 S2 L
   }
if (yDir == "down") {6 |  [+ }# s& V  T. {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }/ H2 V- `! w" F; J! S, t, J
else if (yDir == "up") {# [( h9 f5 C1 U9 q4 n0 B& E
   if (yPos < (0 + BallSpeed)) {- D% a1 h5 q' i/ V- W$ P
      yDir = "down";
      }4 C, G1 b" Z# N0 X/ d
   }
if (xDir == "right") {" O5 g* T; i4 ^1 N! x7 ^7 I
   xPos = xPos + BallSpeed;8 ~" u' S# x- {; D7 }7 w
   }
else if (xDir == "left") {3 @3 h0 H  Y$ Z0 L3 d; O$ C
   xPos = xPos - BallSpeed;5 E# m9 }* _1 L
   }( G8 w$ L+ @% b1 U) A+ `) O
else {1 Y5 ^. Z8 J$ X5 s! q2 H6 ^! ^
   xPos = xPos;
   }
if (yDir == "down") {6 X9 ^/ o/ s% z( D1 {( X4 O: Q
   yPos = yPos + BallSpeed;
   }1 r, d: l& L# Y* d
else if (yDir == "up") {  x7 ^- b; K' n1 y, m: L
   yPos = yPos - BallSpeed;
   }
else {
   yPos = yPos;
   }
}$ Z! J7 o! X- F5 s. ]

function hidetext(){
if (document.all)0 n/ S+ Q1 E8 ?
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"7 d+ [% k7 i8 c5 {3 T
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')7 |, {5 b/ z3 ?- _: f5 J
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");+ M4 `, |* T/ Q" t3 X0 O8 s
}

</script>

【捌玖网络】已经运行: