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

返回列表发帖

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;" P& n: c1 B( G
left:0;/ g' Y- {  n2 ?# G
top:0;
visibility:hide;/ [$ D" p* s5 j/ i: n; I( J
visibility:hidden;
}
</style>" k, t6 j* Z5 f* l8 U' d
<script language="JavaScript1.2">( X; ~( D$ u4 \7 G. l

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 X( m: K: u- b/ o
var hidetimer='';
* L5 @2 D; T& s0 l
var BallSpeed = 20;1 T' {7 {/ b$ c3 W* m! c
var contentWidth;
var contentHeight;% O) q( M' v" c% T$ C4 i, I
var maxBallSpeed = 50;
. z: s$ K2 h4 G9 W; y" W
6 Y/ W4 \8 _! B) d# P8 `( {$ k5 W7 e% N6 E
var xMax;" s* \0 n- y6 W/ _2 `/ h5 n2 s
var yMax;6 E3 Z9 D: j; ?* `
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';: y+ X# i$ u2 |: F$ ^$ M
var superballRunning = true;4 A* B* f( g6 u5 t  o  W
var tempBallSpeed;
var currentBallSrc;
var newXDir;/ i, g& A" ?" `2 A* h2 ?9 |
var newYDir;' f/ |4 B$ S- z0 [) H$ d; D4 G- U, e

function initializeBall() {  d+ Q' N3 U- ~( x
if (document.all) {3 t1 X3 Y4 G) l
   xMax = document.body.clientWidth! w8 d) a, Y1 i5 v! E
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";
   contentWidth=supertext.offsetWidth0 v  @1 I0 ?) e3 f+ r
   contentHeight=supertext.offsetHeight- U8 E1 J. E; v* p
   }1 n9 C0 v7 E5 n2 @% U+ F4 b
else if (document.layers) {2 a5 f! a& y! s! ?2 K
   xMax = window.innerWidth;
   yMax = window.innerHeight;4 D( V, w6 z" R! V
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";; _1 }5 M5 |' N  N( X+ P' A0 |
   }
setTimeout('moveBall()',400);
if (hidetimer!='')
setTimeout("hidetext()",hidetimer); y7 }8 R4 o' G) t4 B
}7 w9 x7 X0 ]1 {! P5 U3 B
4 C# N  T9 S0 @* K
function moveBall() {
if (superballRunning == true) {5 O! |% R$ C" I" E% w  ^
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;
      document.all("supertext").style.top = yPos + document.body.scrollTop;0 ]6 O/ n6 U4 u' Y
      }
   else if (document.layers) {5 u+ n( u' X' }5 M& D" d
      document.layers["supertext"].left = xPos + pageXOffset;0 L9 u; e( c$ X5 B
      document.layers["supertext"].top = yPos + pageYOffset;
      }% ^- e9 Y& v0 y5 N
   animatetext=setTimeout('moveBall()',20);0 X$ Q0 W7 X6 |* ]( ~, k
   }" z5 |) Z) u7 r% [# {0 v
}7 |, P5 W& U, p5 m$ @
, [' O( I# v5 t1 a/ y$ q
function calculatePosition() {, ]- ?5 s6 W( i+ e  X+ d: z
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";
      }
   }
else if (xDir == "left") {
   if (xPos < (0 + BallSpeed)) {2 _: p% y- F$ C, s, N9 [( N* K
      xDir = "right";
      }% \  X+ h8 o/ [- U0 h
   }
if (yDir == "down") {
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }0 P9 r' s" K- H# v9 h  I
else if (yDir == "up") {5 ]0 H# m9 A+ b4 G) U  x0 v
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";$ f( N+ n8 N; ]5 ?3 t5 w8 d  E
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;; i. N6 |" G( U8 Z% y4 c# `
   }# c4 z4 q& ]/ L! l! ^
else if (xDir == "left") {
   xPos = xPos - BallSpeed;/ Y! F8 g1 N2 p
   }
else {
   xPos = xPos;
   }
if (yDir == "down") {' w' k" t; {8 \3 [) F: ?
   yPos = yPos + BallSpeed;
   }
else if (yDir == "up") {1 N1 z* a9 k' b1 I; w
   yPos = yPos - BallSpeed;
   }4 [- K( a4 `# x1 ~3 h
else {; N  o( j, x7 s! P; ]
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden": G, c6 m; P- Q' Z4 s) L
else if (document.layers)( ]0 u* l/ r3 i( u0 w+ v6 C) S% A
document.supertext.visibility="hide"6 e2 [6 e" W2 J( R2 ~& i
clearTimeout(animatetext)9 D5 e: Z& B6 |4 A! V( P! @+ r
}2 y- m0 V4 f6 Y% `
0 m" I# o7 [! {9 h
if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# ^" X/ o  H2 L3 E6 ]7 @
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");- O/ u+ j' h( Y* B
}
( g5 R) i4 F4 x0 Q+ g  g$ ^2 ^; C
</script>

【捌玖网络】已经运行: