|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">7 F$ C/ G {; m+ Z, L
#supertext {. E1 u) @6 T4 D& r ]8 a% S
position:absolute;! C2 p7 \9 P& ~0 N1 ^- _6 n8 S, U/ J
left:0;7 H* T9 t O* D% C
top:0;7 Q6 y* i* d0 Y( [1 x
visibility:hide;- ^ m3 \3 y6 j* W0 q
visibility:hidden;4 W* I1 V2 `; N" Z2 u! ]/ }
}
$ S7 P; a9 T2 S. }# d! Z- L" o</style>
- i b# `$ m" n& t' q5 C+ A$ ?, L<script language="JavaScript1.2">7 f3 q5 N1 v, h) S& f
<!-- 改变下的字体的大小。颜色--># x5 `5 W. z/ s; ~
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'0 Z) R" `& D1 ^3 \! ~9 L2 ~8 S
var hidetimer='';( F8 T0 M% V/ }) a3 h
<!-- 改变下的弹跳速度-->; \; q; o/ s! f" S
var BallSpeed = 20;
6 a# a* x1 e! V$ {var contentWidth;4 c/ B: \7 ]6 x+ e& |8 Y( A
var contentHeight;
1 S3 j5 r: ~" K* Xvar maxBallSpeed = 50;
1 c- b9 S$ N$ T9 @& i; e. h* d" s9 j6 S3 X2 G
. w* z. D& C. a4 pvar xMax;" c; T. X/ x( l2 C" l
var yMax;
) C7 B5 v0 u; J3 jvar xPos = 0;
7 X' g+ R" y: j7 \var yPos = 0;$ \3 M# o6 M* D, j Y
var xDir = 'right';
3 g) |! N$ u# X J1 K! dvar yDir = 'down'; \3 A6 U4 y6 [ s, R
var superballRunning = true;/ {* P. S. e# u9 e/ U+ s
var tempBallSpeed;- O5 p! R8 r1 j8 ?
var currentBallSrc;
& Y B) \) F4 f/ e3 Cvar newXDir;
* `8 a0 \2 s1 k: H( l( jvar newYDir;$ f7 |9 p; ^" }; Z
2 q" d$ k+ S; }: y( \& |
function initializeBall() {8 c0 m7 U3 y0 T( M( [0 D/ N
if (document.all) {, b- D5 r/ E9 B" Z) M. s t5 {
xMax = document.body.clientWidth$ z' j$ m K& y* M9 k, b
yMax = document.body.clientHeight
0 R' Q0 j6 B6 O" ^ document.all("supertext").style.visibility = "visible";6 _- i% ?1 ?0 D+ i3 B- z
contentWidth=supertext.offsetWidth+ [* P0 X5 \9 @+ D
contentHeight=supertext.offsetHeight
6 E2 X2 _) N4 G9 @2 D6 f }* L2 `# \ D: f+ D X0 t" N
else if (document.layers) {
( l* m& F; I0 k+ C) o8 y* W xMax = window.innerWidth;
2 _! q$ q2 H8 X, V; v5 U yMax = window.innerHeight;
6 w2 Z0 h1 L" S9 ^& w# m6 U y contentWidth=document.supertext.document.width( P! R# R$ H3 a4 \2 }! c
contentHeight=document.supertext.document.height. u" K5 x6 O, u, b/ h7 i" D
document.layers["supertext"].visibility = "show";% s" O j% R; z) _' }
}
$ A W. s2 b8 e! }) X ^ setTimeout('moveBall()',400);
6 z3 k5 x4 V9 }8 } } if (hidetimer!='')( m# n6 c" f M8 E) c
setTimeout("hidetext()",hidetimer)
9 g }- C, F6 r7 g3 ~+ H u }
- \+ r* q$ c9 I& B! m* A- ^ W) u) E8 @# e6 F" Q; D
function moveBall() {2 _, z7 F) \1 H3 }* j
if (superballRunning == true) {
: E& t4 A; r) z' {/ Z% h# f6 I calculatePosition();1 E" J5 }( E s& @
if (document.all) {
: T1 w- ^- b. V document.all("supertext").style.left = xPos + document.body.scrollLeft;
+ n# g- b0 e( n document.all("supertext").style.top = yPos + document.body.scrollTop;( a1 S, _) a/ s8 Q
}/ r# V8 h' D( |! z
else if (document.layers) {7 M. N* Y' d3 S0 f# P9 |
document.layers["supertext"].left = xPos + pageXOffset;" K- l8 n& U/ l2 w' _ X
document.layers["supertext"].top = yPos + pageYOffset;
$ _+ h! L7 C: r4 r* f8 K1 N, \ }
9 k+ J9 P8 \4 f8 l# D" l animatetext=setTimeout('moveBall()',20);4 [$ o1 ?2 o# X
}( G) z- j5 J$ U- {
}( [9 j: D9 l9 V! _" Y) R4 ^, [
R5 r: V9 e5 `7 `$ a: [- p% h* p& P
function calculatePosition() {
9 ?1 L4 i, c/ |! V3 o if (xDir == "right") {
2 m9 N. w* T1 D& E5 L7 F! N if (xPos > (xMax - contentWidth - BallSpeed)) {
/ @( t' x, T' X$ j xDir = "left";
2 ^' L# m1 S, e }
& A2 P* x2 O" @; f6 Q4 S6 N } }7 j! {1 \7 j
else if (xDir == "left") {. H. j! w1 K0 V$ @$ |: R
if (xPos < (0 + BallSpeed)) {- ?$ Z* r; S- K3 }4 H% d5 p+ A
xDir = "right";
9 D$ n5 Y I+ s0 h/ | }
8 [- E p6 v: \- F- Q* }- n }
1 P& }" H+ l. C# o if (yDir == "down") {
. Z( m6 v- x8 z6 J! L if (yPos > (yMax - contentHeight - BallSpeed)) {5 e1 M2 H9 h0 q! M; f
yDir = "up";
8 g7 c0 ]8 X' z( I9 Q2 M4 k }1 y: i2 B2 V% O7 d. u' Q# C
}6 `9 v" Y$ ~' P" f& B/ v
else if (yDir == "up") {
& L- _- u; T% q7 I J B) t* t if (yPos < (0 + BallSpeed)) {
( P5 ?3 }0 i: r. `+ U yDir = "down";; @) d# G% Y' T3 W
}; s1 L! k/ _; U- c A& d n9 q0 x/ C
}
% E ?* e' a# P. e. g. k; F$ @ if (xDir == "right") {$ r( B! V1 U: _2 P: f* C
xPos = xPos + BallSpeed;
: z$ @1 Z( v, H }9 u1 r" c, _- f' U* n2 ?( r
else if (xDir == "left") {
/ l4 C* I; b3 {3 r7 O xPos = xPos - BallSpeed;# M7 b4 ]( }2 J0 g; `
}& u$ D" i2 u5 w7 S- A3 v' h1 ^
else {& L' P1 g# T, s2 F, l
xPos = xPos;
1 r ~' |5 d% Y, j! U0 @ }: A% A( }! ^8 x
if (yDir == "down") {
. o6 s3 N' k7 {/ c2 ]0 X yPos = yPos + BallSpeed;
4 f. r7 `: d" { }
3 j0 k4 M+ I0 |2 A: f: | else if (yDir == "up") {4 V8 z; l5 B: O( k9 e: I0 D" _4 B
yPos = yPos - BallSpeed;
& P& o! s! l2 S( L# P! D: w2 i }
- ? j, J* G |8 t$ l. y else {
' L0 z- v2 P; s; F) `& |! |. h yPos = yPos;9 d; z1 z' v2 q8 J
}
' X/ ~2 K* n2 X! H0 {+ D }
! j& H7 z- v5 r6 `) Z" u7 K2 ]$ O9 s; v) I. t$ R# b# m9 N
function hidetext(){
+ H9 D# U0 _% F, V; vif (document.all)
/ ^& o% R' G2 Jsupertext.style.visibility="hidden", m" P" R0 U( t1 x% D3 N
else if (document.layers) B5 L" J7 ?, d2 n: N* l
document.supertext.visibility="hide"
/ k- h" a( ^) `& m+ V& KclearTimeout(animatetext)
+ D6 n2 c: ^4 ?) u) F; F. l}
5 S) ]' F" {6 E: ?
9 d7 x0 @, J( e3 _2 K1 ]2 V ~if (document.all||document.layers){% i! r' u5 W+ [
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
! ~3 G1 g3 ] P2 x2 C3 @window.onload = initializeBall;) x/ T$ k8 s4 K F u! G( X( F
window.onresize = new Function("window.location.reload()");
- M) u; Z! E: f1 K. i$ c2 r}
( h/ j; [9 y8 \
! f- L ~6 ]5 s, l' Q+ ^" K</script> |
|
发表于 2008-1-21 20:55
|