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

返回列表发帖

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;) H6 a! c, r! f' e9 [! L( t; W: l
left:0;
top:0;
visibility:hide;) ]  I; Q$ s4 c
visibility:hidden;' j; A7 {. v0 i( T/ Q7 W
}2 r) N! L4 o" c3 |6 x
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';3 t0 C1 Z* T, i' I% A; s
7 X3 l" y+ }0 X$ O5 T
var BallSpeed = 20;7 m- k; g* o2 s7 O8 k8 X+ I' l
var contentWidth;
var contentHeight;, U6 R" _. t2 i* b* N, Y7 X# a
var maxBallSpeed = 50;

var xMax;  g/ W9 a+ h6 Z1 [* ?2 J/ D
var yMax;
var xPos = 0;+ H$ a( |8 ~6 ?/ l6 s. T, {" b
var yPos = 0;3 a& `0 `0 f& y% H2 `) h4 K- H
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;9 T4 _3 _4 u7 L- y' S0 y) U
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;
9 w+ D/ z- ^% o/ u
function initializeBall() {
if (document.all) {
   xMax = document.body.clientWidth
   yMax = document.body.clientHeight$ G2 M. A, v% j/ n8 Q9 x
   document.all("supertext").style.visibility = "visible";7 I1 J8 S& v* z0 r& o7 J( s
   contentWidth=supertext.offsetWidth
   contentHeight=supertext.offsetHeight" M3 E' |6 f. l
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;6 w2 R$ @3 [+ }1 H" W3 e
   contentWidth=document.supertext.document.width4 A) Z3 @3 \- a
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";8 \/ A1 v5 U7 L9 F
   }: p2 O/ K1 Q1 Z( Y( ?
setTimeout('moveBall()',400);  u6 ^& r" l" z1 H, w, t) i/ l
if (hidetimer!='')
setTimeout("hidetext()",hidetimer)" e6 k9 y+ M& P+ H3 Z1 y
}

function moveBall() {6 b; s  |# m4 V
if (superballRunning == true) {
   calculatePosition();
   if (document.all) {
      document.all("supertext").style.left = xPos + document.body.scrollLeft;; n4 [7 C, h, \
      document.all("supertext").style.top = yPos + document.body.scrollTop;
      }
   else if (document.layers) {  _6 M* |! Y8 f4 Z
      document.layers["supertext"].left = xPos + pageXOffset;, D! V/ |8 C$ C* q; b3 U0 V
      document.layers["supertext"].top = yPos + pageYOffset;
      }
   animatetext=setTimeout('moveBall()',20);. U6 }1 Y& M7 F3 w) d: }
   }3 A4 V  U" J/ }7 `9 m( m0 J
}4 |2 c: f% G: @) L- O2 M# h
# R7 F/ D3 M+ h4 D. z; u
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {
      xDir = "left";, x: v( M$ D' h' k7 L
      }/ k% _& w$ z; a  X
   }
else if (xDir == "left") {5 h4 Q' Z5 Z7 A- }" m7 @$ z
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";
      }
   }
if (yDir == "down") {1 u2 J% B& i5 M
   if (yPos > (yMax - contentHeight - BallSpeed)) {* f+ O+ g5 n7 P. k3 ?0 t
      yDir = "up";
      }
   }
else if (yDir == "up") {
   if (yPos < (0 + BallSpeed)) {
      yDir = "down";
      }
   }
if (xDir == "right") {
   xPos = xPos + BallSpeed;. F  v* e# Q% T4 L# [
   }
else if (xDir == "left") {3 @0 P/ m; W6 D- i1 w, B$ u8 p8 B7 g" L
   xPos = xPos - BallSpeed;
   }
else {" ?& ?5 r  s+ x4 s8 Y
   xPos = xPos;0 g! F) i& X* H+ [
   }
if (yDir == "down") {- q. R3 ~3 W3 F- W+ ^
   yPos = yPos + BallSpeed;) s' ~9 z6 v' s! Q+ f2 Y! T
   }& V/ p6 g. M+ U, a% d- D! u
else if (yDir == "up") {* j: L, F  T8 c! z" s: H
   yPos = yPos - BallSpeed;% L: e! z5 q5 }0 A5 c- t" c
   }" D/ R4 V  t# J( }
else {* |$ Q5 `' f# L7 q8 G3 i
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)( t* |, c% b* P1 U" n& d
supertext.style.visibility="hidden"
else if (document.layers); q  ^/ `- k5 ^
document.supertext.visibility="hide"  [0 v, n# A1 \. z" ?& s5 W0 Z
clearTimeout(animatetext)# [! T; h4 \) D9 H/ R4 K+ E, J
}

if (document.all||document.layers){$ p, B5 u% x" X/ j! B
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')/ S! C8 B: }; M
window.onload = initializeBall;  w2 Y0 E! m: F
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: