|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">' B7 C: ]! L U% z
#supertext {9 d' z7 i% D6 B
position:absolute;$ B; M5 P' s8 h% ?7 ^4 V1 r+ [1 k
left:0;0 {9 u6 S I$ C5 f
top:0; c- W- ]& O1 M% N% f: O
visibility:hide; B* m+ ^1 V1 ]- x$ r- u) [7 i
visibility:hidden;- w6 s& i" O1 I1 q
}
/ X0 Y: h" j1 r- s/ h+ x</style>% S( D/ h% z$ g+ A$ d
<script language="JavaScript1.2">/ G- S$ y0 a5 i* p+ v: V/ G
<!-- 改变下的字体的大小。颜色-->! c9 Q; i- [7 \
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
' R* |( V% N: C1 z5 a* K# H9 jvar hidetimer='';/ I" r5 H' b6 N5 _
<!-- 改变下的弹跳速度-->: j: t- `: a- I& _1 K1 f
var BallSpeed = 20;$ J! D( M% c/ x
var contentWidth;3 S1 G6 }- G" }0 o
var contentHeight;/ G) H2 [, s7 J' z8 @
var maxBallSpeed = 50;! w q* y4 C' I- X$ [3 Y
3 J+ I( p$ ~8 U4 d) c
/ t/ i2 q! A* R* ivar xMax;8 v8 A' h0 d& q
var yMax;6 v! L: F' m y T, _+ y$ {
var xPos = 0;- `+ j: L% c {0 h, r
var yPos = 0;
; ~8 d, B% [; I, l0 Avar xDir = 'right';3 o* R7 J2 d1 X' Z/ v
var yDir = 'down';- Y3 p8 G- O9 v# m: e/ T4 R8 Q' B) P
var superballRunning = true;# C, X9 |: R8 S; T
var tempBallSpeed;8 X7 z' @7 H8 e$ q6 a, q# S
var currentBallSrc;7 I) ], q( k9 U! D8 R( z
var newXDir;% h5 g A" r# O) K' i
var newYDir;
7 S; c6 r9 }2 [' f
: I( D4 f" i: D+ ~* ~+ W) Afunction initializeBall() {
9 B& B" Z1 z# ~0 q! n) g: k if (document.all) {
! b9 P& W1 A" l6 u5 Q xMax = document.body.clientWidth
4 ?. \5 U1 m& w3 R5 T) `' U yMax = document.body.clientHeight
( ]% E2 D4 `, d# H; P9 S) l2 d document.all("supertext").style.visibility = "visible";0 g7 L/ y5 O- }/ a' d( V
contentWidth=supertext.offsetWidth4 t3 @9 E- J. F- m
contentHeight=supertext.offsetHeight! b( a( b5 u+ U' E
}
3 P+ T9 \" R: p% {8 \2 W! P. K else if (document.layers) {5 v9 l7 ]. S7 U3 z' ?& J, i
xMax = window.innerWidth;
2 \" S. |$ |$ y" ?# b& o+ |$ R) y yMax = window.innerHeight;/ C7 `6 n' x3 w5 H
contentWidth=document.supertext.document.width6 U+ y8 L6 E! s% e. f) x( o
contentHeight=document.supertext.document.height
, _9 M5 G; {' G9 `, H: _1 D document.layers["supertext"].visibility = "show";
) \& ~4 ?9 E" J }
1 W6 e+ J: b' m# t9 t setTimeout('moveBall()',400);9 K/ j$ Y& Q7 l7 L/ `
if (hidetimer!='')5 c. K: O. s+ c& Z& R
setTimeout("hidetext()",hidetimer)7 W- W$ R) q: U. J
}# V; X+ x& j0 V- d
. d. w2 V- a+ V
function moveBall() {
4 l1 o G; V1 W* _' q* n- w* ^ if (superballRunning == true) {; d3 V/ _% T, J2 a7 f @; b# u
calculatePosition();
6 l- W7 _# L" [8 d if (document.all) {" z1 k4 x/ k7 m+ L( R
document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ a4 S, u# |1 U! P; z document.all("supertext").style.top = yPos + document.body.scrollTop;9 U4 k( X }' w
}
, ^4 i& F; _$ i! ` else if (document.layers) {9 {( q% K: d3 C1 Z8 n0 W
document.layers["supertext"].left = xPos + pageXOffset;) B- ?4 }. ?6 _1 B& t
document.layers["supertext"].top = yPos + pageYOffset;
# ` T- M5 l8 m v& | }
( w5 _; E5 C/ Y animatetext=setTimeout('moveBall()',20);) E& R' ]- j* ^' Y
}
3 x) L5 l! V6 `! [" n6 i$ t' e }
5 n: S k2 r3 T$ R) e7 O3 l6 o) I2 ^8 b E
function calculatePosition() {5 l0 n C$ _ {
if (xDir == "right") {
' n$ l8 q* `( k9 g. I* I8 F if (xPos > (xMax - contentWidth - BallSpeed)) {
# F( h/ M7 @( r xDir = "left";7 I* `" Q- b) o0 x' m! D4 y0 G
}# j) T. q2 w+ [* d& Q8 D
}
" N, C& N3 }5 T( @! x; { else if (xDir == "left") {
* q$ z2 H2 g/ N2 I' L" ~ if (xPos < (0 + BallSpeed)) {5 I/ f) I; V( }. g4 Q4 U2 x. u5 ?
xDir = "right";% l E% D# u( O6 ?' p3 S
}
# `* Z4 ~7 g" R$ ]. r- [# Z }1 X- y: q0 ?; d4 v$ ^
if (yDir == "down") {8 E }8 g# j; Q
if (yPos > (yMax - contentHeight - BallSpeed)) {9 p0 M2 R) _: w: V1 N
yDir = "up";
! K. G- E" n( r2 U9 t1 _ }# Z9 x2 x4 x4 K/ e \: x" |
}# w1 O8 ~: J9 i3 C# I0 w; ~9 Y- L- `
else if (yDir == "up") {
+ h6 h0 ]' v5 m! j8 d" d0 Q if (yPos < (0 + BallSpeed)) {/ F" M6 s8 F9 }8 r
yDir = "down";2 w3 K" A# G. J2 g! ]3 V
}- G9 J. }& f& |, ?
}, G( K1 ]0 T) o- l) t, j
if (xDir == "right") {
% y& L/ @( u+ T5 k+ y xPos = xPos + BallSpeed;
! z6 _4 r- w& h* @2 j }, E1 m# L% C8 \0 Z7 s- L N$ h
else if (xDir == "left") {
/ t& ?. d$ m7 o$ \ xPos = xPos - BallSpeed;
: w m: f5 y4 y J0 |# H }
+ q2 ^- x6 ?9 P9 z7 g) V6 q else {9 p! k6 e# r3 L( `
xPos = xPos;5 Q, ]6 G: R5 P/ x3 y: C7 F
}
; u8 p) |4 f, b3 ~) g7 A- h if (yDir == "down") {
* _- {3 K* |( o. ] yPos = yPos + BallSpeed;
, j& i* G/ F9 V. t$ B! m- ^3 ^- y }
% @' Y6 f2 S: i% N- H% Z else if (yDir == "up") {
( n7 ~( E5 u: G k3 n2 v yPos = yPos - BallSpeed;
6 Q( a8 G5 I: g J }
2 J% [* g; Q; N' H! J else {; l6 k, N, D* S1 k7 ^
yPos = yPos;4 k1 m6 T7 m4 U( {) z6 x
}
4 r1 i$ ]' i' v$ G ?+ W }
/ g5 O3 G$ D* t1 q2 A
# p9 {* U8 Q8 q0 O% ^0 Qfunction hidetext(){
/ U" ?1 w( k( M( `) mif (document.all): i8 n) T, I7 O7 N7 ~( j
supertext.style.visibility="hidden"+ U0 g2 e" }: V, C% d
else if (document.layers)( ^1 d1 t- Y4 Z- U8 e+ a
document.supertext.visibility="hide"5 J* s- ^- d* f2 c+ B2 Q9 d
clearTimeout(animatetext)
% N) z+ v$ ?5 }) d) E& p n4 x3 A}& }$ F% R/ r% o
( e9 j4 G; U! H4 F+ ?9 M
if (document.all||document.layers){
5 ]% L" p5 ?3 H6 N/ pdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Z7 j/ \+ M4 I/ _* K- Q/ }
window.onload = initializeBall;' i, [1 \# x z3 w. d+ W
window.onresize = new Function("window.location.reload()");
+ L+ z( a* f1 f}
: W' L0 y: V1 I# L% D
[7 }( J5 a1 z1 [</script> |
|
发表于 2008-1-21 20:55
|