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

返回列表发帖

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;4 b% b% w7 w/ t) ?
left:0;
top:0;
visibility:hide;
visibility:hidden;. [2 U( _* |; k8 a* I/ a2 A
}
</style>9 @1 E. G$ z& R0 E+ y
<script language="JavaScript1.2">& B& |2 h) X* N

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';
/ v. V4 R" A. O2 O: C
var BallSpeed = 20;( R/ @* ~( p, e% Q# m# G& l
var contentWidth;
var contentHeight;
var maxBallSpeed = 50;, P# l8 ~3 s7 W8 E/ h/ W

var xMax;
var yMax;8 f# |: K) o8 Q! P. Z( G
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';9 f% B7 B  w- E
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;- U3 K% g/ c$ }% {
var newXDir;* B$ g' u6 S) i! N! A
var newYDir;
; A$ _( {( U8 H+ t/ }/ a7 W: C
function initializeBall() {, o  c% D* }& D4 E) x* h* F: y
if (document.all) {7 k* j% F" S- G
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";4 K" `) |( Q' ~
   contentWidth=supertext.offsetWidth; D5 p' R* x8 ]
   contentHeight=supertext.offsetHeight
   }$ q) u: H9 E: i1 ]- L
else if (document.layers) {
   xMax = window.innerWidth;5 R; A5 `7 S( s' g' l6 Z+ j
   yMax = window.innerHeight;  B7 S" r. s; g/ d$ q$ E
   contentWidth=document.supertext.document.width. e. l* u2 W) {" c: G
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";, B4 l8 y+ `1 ^3 s; h1 G6 s
   }# q4 i5 r$ E3 z6 m
setTimeout('moveBall()',400);- u# g' R) ^* Y
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)  t/ l: A* T; U
}

function moveBall() {+ T0 R! r5 ~5 d+ g& v' R- K
if (superballRunning == true) {
   calculatePosition();# t3 u( a( f, ?: q6 J# c
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;/ T: k% `8 o( R3 S! o! i
      document.all("supertext").style.top = yPos + document.body.scrollTop;& i% i* l: F/ [% }0 P* i; x; n0 ]6 t
      }6 _* q8 i' d, U4 g3 z
   else if (document.layers) {3 k/ @/ l% ~# [) T0 p! G
      document.layers["supertext"].left = xPos + pageXOffset;. x! Y+ p" z8 p+ D" ~7 p3 z
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);
   }
}
2 ?4 Y( s5 |8 F' \" \
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }2 k; L+ b: B( r) \
else if (xDir == "left") {2 y9 d& \! d$ Y6 T0 Q
   if (xPos < (0 + BallSpeed)) {8 A  f9 y0 ]. ?$ E) H* Y- |8 F
      xDir = "right";
      }
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {9 V( d/ m$ b( A4 o% x  M
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";5 j2 M9 p3 ?* ~+ N; a
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;
   }/ H# ~3 l) f6 P8 G  B, x" \9 E
else if (xDir == "left") {
   xPos = xPos - BallSpeed;
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;- Q6 a2 n  s# {& A( M1 F7 K( D
   }
else {
   yPos = yPos;: J# b# j- r$ u2 j8 B6 g$ ^* {& F
   }# `* h9 T7 K" O1 Z
}9 D9 W* Z2 }, [

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)0 r5 E0 `; ]7 g6 a
document.supertext.visibility="hide"
clearTimeout(animatetext)! }3 H# K; R; ]6 m( v+ j" m( r
}
( ^/ {* V$ w9 q% a
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}8 a& ^0 G0 L+ v# W) {

</script>

【捌玖网络】已经运行: