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

获得本站免费赞助空间请点这里

返回列表发帖

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">; g# o1 T, b. f) I& s' X; Y$ m
#supertext {; S1 @( T6 {2 `5 X
position:absolute;
left:0;0 t' N: `/ ~% O$ Z
top:0;3 p7 R! z+ k5 Z, J8 {7 S/ ^" G/ X& i1 x( q
visibility:hide;
visibility:hidden;3 k( T) ~2 }: X9 ]8 f
}! H; |# t4 @0 \3 b* G
</style>
<script language="JavaScript1.2">' p1 a# \: v0 Q; G) D4 j2 m% H, t

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'7 |0 O9 x6 u' C2 I5 o
var hidetimer='';4 Y  d  M; b# s% G  k) s

var BallSpeed = 20;
var contentWidth;/ Y4 @/ r1 [. i; L
var contentHeight;
var maxBallSpeed = 50;& g5 B. h( A. x4 Q5 y& m

var xMax;( z8 ^' ]- d2 d9 M+ i  D
var yMax;
var xPos = 0;$ ^1 U/ `4 L  v$ z* K9 C( I& Z
var yPos = 0;
var xDir = 'right';) T1 L! v' @# m* |
var yDir = 'down';5 J. r/ Z6 u9 e' m& C- ]. G
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;( p* s5 @$ N* t

function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";/ M. I- I" @8 F
   contentWidth=supertext.offsetWidth* W$ |/ G$ z5 A4 b, g5 A
   contentHeight=supertext.offsetHeight7 X; L" D- f; p+ |7 s1 v' S
   }
else if (document.layers) {
   xMax = window.innerWidth;9 u% }# D8 P3 u5 ]* [
   yMax = window.innerHeight;
   contentWidth=document.supertext.document.width  c+ r) L8 R* _. p
   contentHeight=document.supertext.document.height# l' ^, ?+ ]0 N
   document.layers["supertext"].visibility = "show";" f" O* Q8 R8 c/ i
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)
}2 U: \4 s+ C- i! w+ n  O
* f' x" i9 ~! l1 `
function moveBall() {1 U7 b0 a6 o5 X
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {6 S" E4 h3 K7 O% s! c* a  T3 u
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;5 H& R0 `% V; o% A  t0 t$ f
      }
   else if (document.layers) {
      document.layers["supertext"].left = xPos + pageXOffset;
      document.layers["supertext"].top = yPos + pageYOffset;
      }3 {+ F; y- R9 {# g  T
   animatetext=setTimeout('moveBall()',20);
   }
}
! S& x8 L9 ]) U" {
function calculatePosition() {* X# n4 ^* j; M0 w8 {9 b
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";, s& }; O/ g: d. j
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";: F* F- O& _8 K: k% M8 L/ D) a
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {5 f3 |* i$ C: T- U
      yDir = "up";/ h4 h. d; E3 J0 s0 U( d4 @
      }3 I. u4 m. F$ N
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";# Q# S# S5 p9 h/ v* I4 p
      }
   }1 ^& @4 T* ^! e: e! Z  {
if (xDir == "right") {5 \$ f& m+ t4 z- B
   xPos = xPos + BallSpeed;4 x8 |2 y# H' l5 a+ W( G/ T4 B+ _
   }
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }/ @" W& o5 B' I; A! [2 }$ ?1 B
else {
   xPos = xPos;
   }
if (yDir == "down") {7 P: q  W) A3 u$ p" f; ^& z
   yPos = yPos + BallSpeed;
   }2 B( ~2 I. U! e- y$ }$ R
else if (yDir == "up") {3 `: l5 N% R" a' n5 U+ k/ y
   yPos = yPos - BallSpeed;
   }
else {% l" G" Q3 @' V3 V  h0 \
   yPos = yPos;8 L! W* H9 q0 B4 j) P5 ~8 i
   }- r8 C- ]; X9 ^: n3 X
}; R$ G2 q" s& T5 F! H  w: N
! [6 U7 B( ?1 K! z/ z. Y% f( o
function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"* L, T- B) Z  }8 K$ A9 k" }
clearTimeout(animatetext)
}
& u3 O9 R$ G- y) l
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')* [8 I+ Y7 V# h6 L  ^- F3 i
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");; D$ D2 K" n  c4 ]' J
}

</script>

【捌玖网络】已经运行: