|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0

|
网页之不断弹射的文字-特效
<style type="text/css">. B/ T' J) Q0 o0 |' q3 ^
#supertext {" @; O" p0 D w( Y7 i1 w! X" g
position:absolute;2 I6 w& @( [8 g" z3 q3 y* P
left:0;
, p: [+ ^0 y4 `- i' Q) _top:0; j5 ^: c# v6 ~* V- C! a0 A ?
visibility:hide;9 c8 q! e p+ p. z2 q0 p
visibility:hidden;# ?/ I" |: |/ F; Z! U K" T
}
1 g4 ]9 n P5 X0 T9 D F0 S% U v</style>
. c9 w# }% k- E6 P1 K<script language="JavaScript1.2"># n K! F9 _* ]2 N" ]
<!-- 改变下的字体的大小。颜色-->
" c# [. G+ @ Q+ Xvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: ?- e: y- h. G4 m+ Kvar hidetimer='';0 J/ a- k: I/ H* ~$ A2 Q5 E
<!-- 改变下的弹跳速度-->, P+ w% T: w1 l% W: x
var BallSpeed = 20;
z1 o' X- y' {7 B8 `var contentWidth;
* @" W1 Q3 _: g0 m9 t9 Tvar contentHeight;0 P* }7 n! ^9 z( b' H* j ^
var maxBallSpeed = 50;
) P1 H0 {! O% w' C& g- r3 a
/ s; F; e, a3 s( n" A: f* n' D/ @: @# k6 ]
var xMax;
3 M2 b9 P& x8 w9 V+ S$ e3 I7 E6 Xvar yMax;
9 e# W% ~% n# x0 J/ Tvar xPos = 0;
( b' j \% \# m$ O5 ~var yPos = 0;
' e+ d* ~5 N+ e& R, f# p5 f0 kvar xDir = 'right';8 F6 A+ t' i; l3 Y
var yDir = 'down';; |" ~; D+ W* A
var superballRunning = true;
$ z4 |: K2 O3 Nvar tempBallSpeed;* R- R" l& M$ y, {& B& i
var currentBallSrc;8 J/ O. n' R! x8 ?% B- e, E
var newXDir;! }6 }( O+ M6 K
var newYDir;) o* {: t3 G$ e e* B( `9 a
7 `8 d* O4 o1 ]4 c4 e' q
function initializeBall() {: ]& C8 v1 r# I- V1 o
if (document.all) {: m+ Q& S& [5 }* a( a
xMax = document.body.clientWidth
P/ ]" u2 x; Y8 v1 l8 I yMax = document.body.clientHeight! a, k# ]2 B* @, v
document.all("supertext").style.visibility = "visible";
: z6 r7 e: S+ d6 W5 J: | contentWidth=supertext.offsetWidth& X6 {& p2 G5 f( a5 k
contentHeight=supertext.offsetHeight5 g: [) e( R. b& ?7 B8 z
}) y# V: t ?6 R* r; K
else if (document.layers) {" ?: y3 R8 ]6 {5 m! i* V1 }; H
xMax = window.innerWidth;
. z( m1 A) K( V8 g. W, x yMax = window.innerHeight;
9 h1 i1 t7 @' w' @$ ?" \ contentWidth=document.supertext.document.width
' A+ Z3 p0 m6 {; W contentHeight=document.supertext.document.height0 J& K( |; t! Z1 ]5 l
document.layers["supertext"].visibility = "show";
. M% Y7 f" e' {9 l: w }
2 Y9 N5 i6 ]0 z [& y X0 ~# I. W setTimeout('moveBall()',400);
- S$ N6 P3 _8 ^8 O. a! _; s if (hidetimer!='')0 h. t; l0 G. B
setTimeout("hidetext()",hidetimer)- C8 U5 K" ^; y: t
}
e- D* `: b* j" B% F
: d% Z: N0 Z7 j6 j2 w9 U3 [function moveBall() {
- l4 {. B8 G% i; v3 F if (superballRunning == true) {
0 [2 F- I7 [4 t2 |5 x: l% Q! l calculatePosition();4 d8 ]+ ~. j* b7 G
if (document.all) {8 G) G, {+ H" ^- K3 S0 o) z
document.all("supertext").style.left = xPos + document.body.scrollLeft;
7 U3 e. s* H) }, f" y6 V0 b document.all("supertext").style.top = yPos + document.body.scrollTop;% l8 w" p* ?7 z7 I0 L/ N
}7 b4 S* ~6 d) W1 B
else if (document.layers) {! @8 z# U3 ~2 v+ m+ C
document.layers["supertext"].left = xPos + pageXOffset;- w4 d5 Q9 l' z) h4 x! {9 y# Q' C
document.layers["supertext"].top = yPos + pageYOffset;$ a. S9 {6 L/ K, p2 h) d. T. m+ f
}9 `, @$ D" D0 z
animatetext=setTimeout('moveBall()',20);
! a+ _2 t) `. ~- w) n }
9 x* L2 A p3 D% e }0 e3 o% p, _, Z- s4 z% l
4 u. Z7 g- M7 U
function calculatePosition() {
% f* x5 {% ~$ i. P6 ` if (xDir == "right") {% `8 ~" r: |. y, F) I+ A
if (xPos > (xMax - contentWidth - BallSpeed)) {7 o U) P" G6 W# e0 Q3 W
xDir = "left";
. M: ~1 V& L' T }
. K$ V5 l) c S1 o/ k# R5 n/ N }
/ i" g- V; g. r$ \7 r2 e else if (xDir == "left") {$ U ^6 n9 f0 ^7 X
if (xPos < (0 + BallSpeed)) {
: h2 A! m, K$ W A xDir = "right";
* S, h8 t9 c" f4 p5 k9 S }4 |7 |- @- {, }. u% O, F
}! T) W2 \& q0 ]8 U
if (yDir == "down") {9 s) a+ O! ]& g' x# |
if (yPos > (yMax - contentHeight - BallSpeed)) {7 z' m, ?* @+ C2 i
yDir = "up";
$ o2 Z; y- Q& W" W5 M7 [$ m }
- k2 F' [0 ^5 c( ] }
. X0 D- L8 |8 b( k: K else if (yDir == "up") {
# Y1 D0 Y. L4 t7 H- Q1 d3 s* Y4 @" D. t if (yPos < (0 + BallSpeed)) {
9 t% v3 M. W$ Y4 L yDir = "down";
* f( Q+ q6 N# q+ t9 ` }
0 g) G; f8 S. [" t# \ }6 l; Z0 W* e% A
if (xDir == "right") {, [& r, _6 z* f" B* |
xPos = xPos + BallSpeed;( l, ]% ^$ D: w, {* w
}, }' m8 d$ e. t# L
else if (xDir == "left") {
$ ?5 }" H" D# y( C: n: k$ A; Y xPos = xPos - BallSpeed;8 d' u, P% h/ j% H' X* y
}
" F0 b, _ c- j5 B! k, J3 U else {
* ~+ L; Z9 \4 L xPos = xPos;: O' H% v6 L3 N p0 U
}2 e6 t8 t0 Z1 V7 }: Z
if (yDir == "down") {
& ^, k! M: X3 K yPos = yPos + BallSpeed;# X% `5 i9 u9 l2 c6 ]1 d
}0 S; v. Z4 ~& L8 u' Z
else if (yDir == "up") {
8 o& I8 _" g$ U6 Q9 o yPos = yPos - BallSpeed;
' W8 a: x. @. I. Y }8 S4 B, s9 ~$ ~( ~
else {
% F, o# g8 E. Q: s4 F yPos = yPos;- z( k& \, m1 R4 i
}
7 p$ x1 h3 V3 z# [ }
* C+ ]% h/ k- x1 m T2 I! {+ m1 c2 B: m
function hidetext(){
. B: ~7 |& ]; Wif (document.all)# `' E- R2 W: f( t- a+ o& n! |
supertext.style.visibility="hidden"; ~$ u/ f" R. o1 N
else if (document.layers)
3 k5 _+ v ]/ i! V* M# Hdocument.supertext.visibility="hide": x# q; _. z3 i/ Z/ O5 J
clearTimeout(animatetext)8 @5 s5 G4 M! A5 b3 @
}
. s, f- V7 z! [' l7 f
U; l5 @" V- Z v% o0 J0 n: cif (document.all||document.layers){
; q9 T; j; N; hdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
# ` j' E2 O1 @0 v' kwindow.onload = initializeBall;0 h9 Z+ P' F4 ?- O, a
window.onresize = new Function("window.location.reload()");1 g* {' X2 f/ o
}# X$ {7 s6 }8 Y- _
, `1 z; |) \! h2 B</script> |
|