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

返回列表发帖

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 {9 q% `0 z+ a4 a3 ^
position:absolute;8 ?6 s5 @7 z9 X7 O  ^! e$ o- a2 q% u5 ]
left:0;- o! P$ D8 m& B" f9 X
top:0;) D' ~3 d" d; ^" ~6 ?3 R* ~  B; A
visibility:hide;7 k2 [$ d2 ^; D! G
visibility:hidden;
}
</style>
<script language="JavaScript1.2">

var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
var hidetimer='';" H) D, d. b7 i& p& U3 m6 L
1 u: M" D6 W% `  K8 f
var BallSpeed = 20;6 Z8 @- f7 L: \1 F  A/ u
var contentWidth;6 Z! f- p# w" J8 k0 h, _
var contentHeight;
var maxBallSpeed = 50;8 `$ T2 R1 k+ T- g  n
2 Y. k4 _5 Q# C, F  @
- k7 L' g1 d8 B  Z! y' ~* a
var xMax;
var yMax;! y3 F3 \5 X8 n' n% ]
var xPos = 0;, K/ ^0 g* [0 x1 g# F6 I- E0 R* ]
var yPos = 0;
var xDir = 'right';
var yDir = 'down';! I% k2 g, z7 n% R+ d% t9 F/ W
var superballRunning = true;/ \' l7 W( Y) ~5 |  @: T" h
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;6 _+ x9 m) P4 M9 \7 ?/ g$ M5 m7 X8 H

function initializeBall() {% C. r/ p' S2 O- A! x
if (document.all) {( O& r3 }! a$ _( r+ j( O! X1 o
   xMax = document.body.clientWidth/ t8 g8 P" L* A
   yMax = document.body.clientHeight
   document.all("supertext").style.visibility = "visible";" P" S# ]( r+ @, {( t/ k+ ?6 n1 Q
   contentWidth=supertext.offsetWidth& {. k5 [0 t! g) R
   contentHeight=supertext.offsetHeight! g4 u5 `+ ~: w" k0 y! B
   }
else if (document.layers) {
   xMax = window.innerWidth;
   yMax = window.innerHeight;8 U& y* I* N$ I+ }% T( C0 t
   contentWidth=document.supertext.document.width
   contentHeight=document.supertext.document.height
   document.layers["supertext"].visibility = "show";7 H* w4 I+ n1 r% ^
   }
setTimeout('moveBall()',400);
if (hidetimer!='')# `( ~. h; Y' R' U. `- A8 c& f
setTimeout("hidetext()",hidetimer)
}5 H+ y. n1 P2 D0 k" b7 W

function moveBall() {
if (superballRunning == true) {8 ^2 D; A9 t& R) }% M+ O
   calculatePosition();
   if (document.all) {/ l/ j) z% z( K# x5 O
      document.all("supertext").style.left = xPos + document.body.scrollLeft;5 }- ?" _# G- I0 d! g' {+ y$ _
      document.all("supertext").style.top = yPos + document.body.scrollTop;, D: \2 A: J  A1 V% O! F& y4 g# u
      }. _, m% Q9 o; x" o9 D1 @. _
   else if (document.layers) {8 T; r2 Z$ K) u, ~& s% w9 I* [
      document.layers["supertext"].left = xPos + pageXOffset;; T7 l5 I1 d' Y* x
      document.layers["supertext"].top = yPos + pageYOffset;
      }/ d- H4 r- W7 L* h1 a
   animatetext=setTimeout('moveBall()',20);
   }
}
* R6 e/ O# g$ @0 q
function calculatePosition() {
if (xDir == "right") {
   if (xPos > (xMax - contentWidth - BallSpeed)) {" y) y7 V2 ^3 r; g
      xDir = "left";
      }
   }
else if (xDir == "left") {9 }# J1 \5 G- x- A
   if (xPos < (0 + BallSpeed)) {
      xDir = "right";$ e* g3 {) I& v* o' Y) f
      }+ |* W4 w0 S6 K
   }
if (yDir == "down") {, C5 G' H; p# b5 k6 i9 _) X
   if (yPos > (yMax - contentHeight - BallSpeed)) {
      yDir = "up";
      }
   }
else if (yDir == "up") {- }/ E8 Y3 P8 q+ }' R
   if (yPos < (0 + BallSpeed)) {- Y! V7 ^+ C2 o/ B3 S% Z
      yDir = "down";
      }. y4 @. x6 H; ^  g2 a
   }
if (xDir == "right") {1 k! w0 q& B) a( D0 `0 [2 N0 |
   xPos = xPos + BallSpeed;
   }
else if (xDir == "left") {7 ?: S8 M6 k* ^8 a$ ]& n. i
   xPos = xPos - BallSpeed;4 J0 z8 n; I, ]
   }& H7 W+ a4 P) X8 t. ~1 B& Y8 r
else {
   xPos = xPos;* h' [- l! C- r# ?: b
   }
if (yDir == "down") {
   yPos = yPos + BallSpeed;3 w/ Q8 Y9 i! q" N4 i
   }
else if (yDir == "up") {
   yPos = yPos - BallSpeed;
   }+ L$ a9 A6 B- T  ?* l
else {
   yPos = yPos;
   }
}

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"# f: r: w3 A% D6 s
else if (document.layers)  T; d, h' h# P4 g1 F2 ]
document.supertext.visibility="hide"
clearTimeout(animatetext)
}7 J1 F8 o6 I7 V

if (document.all||document.layers){; G; T! C0 M4 R2 t. W0 B. E
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;# m7 ?& b! _* T
window.onresize = new Function("window.location.reload()");
}

</script>

【捌玖网络】已经运行: