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

|
网页之不断弹射的文字-特效
<style type="text/css">. K2 _" B6 C3 A1 F* a* y1 j
#supertext { C" }; w- m; ?1 u7 |& D1 {6 G
position:absolute;
8 V4 G {3 h+ ^0 vleft:0;
/ k+ Q5 a6 S& J. J. \3 K6 Itop:0;
d9 p- p& S% a( C( Y$ Svisibility:hide;3 p) v: \. u, s7 C0 I0 v
visibility:hidden;
; J; A! P& w+ j: G9 h}
+ I: e3 t2 X) B' A* W; d</style>* W! d% v8 W2 U
<script language="JavaScript1.2">
' A3 g( t- l9 E6 \+ ]$ ?<!-- 改变下的字体的大小。颜色-->. V+ f: \8 B: F5 d H
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
2 N$ `7 l) v* p2 Jvar hidetimer='';2 r3 I) f4 I* u. o6 @
<!-- 改变下的弹跳速度-->
; Z5 R( \3 X( R5 M9 @var BallSpeed = 20;2 Z; {# q2 d' M0 N0 o5 t
var contentWidth;
8 Z9 W w, g) n% i: {var contentHeight;
7 |( v, f! p# E; c& {; v1 v$ \var maxBallSpeed = 50;; t* }' z) p" x0 w( ^* {( L1 Q y. K
$ m# y2 `" e' k
. N" b5 w$ p4 ]. u* X# I' D1 @7 Nvar xMax;0 O3 U3 q7 e- c# Z5 {
var yMax; N+ ?+ X; q4 K
var xPos = 0;/ J, J& R D3 H8 X) @
var yPos = 0;6 ]- I+ x2 Z C! {! ^
var xDir = 'right';- A( S2 _% i/ ~
var yDir = 'down';
% u& ^0 h" r; k* N* cvar superballRunning = true;
, z2 |" p" R. Avar tempBallSpeed;/ {8 M6 ? d& R# A2 @6 y( e: t
var currentBallSrc;
$ p8 n; @3 g* K, Q$ c: R! l0 i/ Rvar newXDir;7 q! m( z7 f- K$ c0 F
var newYDir;
, w: D0 u. a4 d: E/ z( y8 @! v6 i( g
function initializeBall() {
& C+ a3 W: }" M8 U3 ]: r( { if (document.all) {% G$ I4 F& |' F/ w$ G) X! ]. P+ `
xMax = document.body.clientWidth( h! F Q' l2 X8 d9 I
yMax = document.body.clientHeight& `4 B S# R1 x1 }. h/ _. Y1 {9 E$ R
document.all("supertext").style.visibility = "visible";
* E' e% R% o) B) ?) a; @ contentWidth=supertext.offsetWidth
5 S* M; z: R: ~# C/ I* _5 N1 f1 u( ?0 X contentHeight=supertext.offsetHeight
: _$ u8 L2 {' k9 S }
; X- m8 p+ E/ @' A- m* f R else if (document.layers) {
+ ^2 R" o8 h% @3 j: ^ xMax = window.innerWidth;
8 d. y U. V! u% S6 ~ yMax = window.innerHeight;
) x2 z! ^* b3 b9 s7 P+ z contentWidth=document.supertext.document.width
) d; X7 n' k7 _: M9 N1 Z% t+ P/ j contentHeight=document.supertext.document.height
& y$ I& C7 K* {. D# m% L2 J: I document.layers["supertext"].visibility = "show";+ X1 I( N3 {- o1 N0 F
}3 d( |9 T% e' M# K; |# t
setTimeout('moveBall()',400);, u4 l( C% |1 R( t) S- H
if (hidetimer!='') F1 s3 p$ Z, [ v, k' L
setTimeout("hidetext()",hidetimer)
8 R' m. b9 x' z N: v }$ ^7 c7 L, h! ]/ o% }
7 @' R4 P m' m* ]% L5 J, ?
function moveBall() {' F7 `5 R8 `* V' w) b6 g3 |
if (superballRunning == true) {
; I/ } _# E0 c0 B2 Q1 f# t) U6 \ calculatePosition();9 g" _) C! M Y# S
if (document.all) {
4 N$ z$ M5 s, o4 v: ^ document.all("supertext").style.left = xPos + document.body.scrollLeft;8 F8 i: P7 s( g. K. a
document.all("supertext").style.top = yPos + document.body.scrollTop;, H5 W: A( J+ B& f% T) b/ ^
}. O( Z3 ^' s0 J' @* M* |: `/ a
else if (document.layers) {
* a7 e& M$ z3 y( b document.layers["supertext"].left = xPos + pageXOffset;3 R. C7 B% E! i4 ?$ E# Y* E: R) ?
document.layers["supertext"].top = yPos + pageYOffset;
. y, j+ {8 [: ?. A4 N# N/ e }% i+ N+ a% G. G! p3 R+ _7 l* P% i! r
animatetext=setTimeout('moveBall()',20);& C! w8 s0 L: a8 B& l1 A
}
3 g7 p5 F, i- p+ S6 u0 u }
& b* C" z" g F8 f/ @
0 F* V* f% J5 `, Tfunction calculatePosition() {
# r r7 A% B2 v8 t# r: _" a if (xDir == "right") {
' w8 d4 p& Q1 }, S' s R$ j if (xPos > (xMax - contentWidth - BallSpeed)) {. O2 a; B& r' C) w: [9 |) ^: {* y
xDir = "left";
! U& O8 M/ v+ u* O' p+ ~6 P }4 E0 T6 [& d" W& r2 L, m7 r
}
0 U; `5 j- C# F" L, b4 l8 z5 W5 K else if (xDir == "left") {" g; o* E9 ]: H
if (xPos < (0 + BallSpeed)) {' |3 [ @( `, I* m
xDir = "right";& D) m. K6 s2 r& d/ _
}
- j5 K8 w& D# s N t }% x7 q6 C7 S7 }) J) u2 C
if (yDir == "down") {$ z; p" P6 K/ `; k. D
if (yPos > (yMax - contentHeight - BallSpeed)) {* b" V0 h) g5 c; S, S6 _' c" U) [2 {
yDir = "up";
) {5 E* n0 Z, e9 E' m% g4 z }
- L8 ]. q" {, J) j2 A }
1 z" `7 i3 e, D else if (yDir == "up") {" w, s1 k0 x, {" y7 d% p
if (yPos < (0 + BallSpeed)) {4 J/ I, o# }0 w7 j( |
yDir = "down";" R( l9 F; Z* G% H- {
}* ` `/ F v4 a2 W4 i1 |% V
}
9 s9 {, J+ { P/ _3 @1 A2 t8 i if (xDir == "right") {6 q& \3 W; Q, P6 g' R
xPos = xPos + BallSpeed;' G% W/ c1 T4 k$ @5 H/ @
}
6 j) S# n5 u+ I8 d* ?7 P f else if (xDir == "left") {
' y4 }- t# Q* A F1 F' F xPos = xPos - BallSpeed;' w1 T* q9 q# O+ G0 _# \
}3 S! } C' k9 H( e
else {
0 R. T9 X! V8 I xPos = xPos;5 h! L3 F* T, }/ ?
}4 d2 _' Q4 F% ^
if (yDir == "down") {
8 l) g" |. g1 w) W yPos = yPos + BallSpeed;
' b2 S: s3 T+ x5 N. N }
9 s4 n: |& Q8 H. {8 ^ else if (yDir == "up") {
& Y* T: }5 I3 y" d. O3 _ yPos = yPos - BallSpeed;$ [% f; C6 i, T! }8 M
}
. Z: U; `" T8 D: Z' J0 { else {
1 S4 }# n' {% ] yPos = yPos;
1 t' G% X6 z% p, [ }
4 N5 k; y% }2 L- y7 K3 h" q# g1 l' u }
1 e4 D8 C2 j5 |8 t4 C( p. e; r. [0 g& M/ P- \- B w
function hidetext(){
' \8 F& z2 u# ^if (document.all)2 J: P( G, m) W0 D9 V1 M0 [
supertext.style.visibility="hidden"- h& ?1 h7 m- r) E. s: V# r
else if (document.layers)* ?: P% N2 I8 d+ {
document.supertext.visibility="hide"
5 d$ P( V R+ N/ Y, a6 JclearTimeout(animatetext)
: f0 G( N& t* K}% m8 w% h2 f* U9 d7 Y% V3 n0 e
, Z* G+ L5 z) o$ k
if (document.all||document.layers){
- {& Z. @3 R+ M. R9 k, i9 N' K. {document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')# L% X& D2 c' e3 L* \' N
window.onload = initializeBall;
/ h9 _/ C9 g0 Swindow.onresize = new Function("window.location.reload()");
$ q: z( h5 X" }5 o% M/ e/ B: ?% _: G}- ~: c& b+ G3 m! E" p' C) x
8 o/ d- Y* j/ k2 B# w: ?/ O: ~</script> |
|