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

|
网页之不断弹射的文字-特效
<style type="text/css">
, ~3 c7 e$ \ ]6 @3 x#supertext {; q* x8 \! s/ v+ t+ r* ?$ X& F
position:absolute;
& `0 s( ?0 h4 K* N0 Pleft:0;
4 t9 ?7 c: `: e- l5 ftop:0; S t7 Z% R6 J0 A- M
visibility:hide;
& j3 D5 i! r$ G5 {! J( Kvisibility:hidden;
: B: ]/ f* ^; u( `# Q1 s( I/ F8 h7 ]}, r# U6 Z1 R: C* [' ~: ^! {
</style>& W' F- r. E5 P3 B x
<script language="JavaScript1.2">8 q, M$ r7 C) \. x; t
<!-- 改变下的字体的大小。颜色-->
+ e; f( c7 r2 @6 E1 F; e4 Yvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>' C0 x2 D2 Y' y5 O% g. `" n
var hidetimer='';! O4 o e0 b, R- K9 `
<!-- 改变下的弹跳速度-->& H. J& k- \2 e/ I
var BallSpeed = 20;0 P6 f/ J2 ?9 A( L/ R$ {
var contentWidth;
( X9 K% I9 \) {8 M" p( r9 C. Ovar contentHeight;
6 ^& ?) }2 Y$ W% Z3 l6 r" Bvar maxBallSpeed = 50;0 |- I, f. B8 @: _" u0 I4 b
' ?* u3 ?2 D9 r7 D3 c5 O0 Q$ g/ V* f, r# K, S
var xMax;
; J1 V: L' U) f# `/ _var yMax;" Q6 \/ f+ O( x8 W1 j8 S. P
var xPos = 0;
8 l* V; R3 P3 Wvar yPos = 0;+ p4 e) w/ g& {& _- h! E
var xDir = 'right';
8 u# W/ ^3 ^0 A6 zvar yDir = 'down';
" ^9 i( t+ j1 L# Z+ r- vvar superballRunning = true;
# K! d3 u5 Z( F) U. ?, ]1 Uvar tempBallSpeed;
8 _' T- M* k; Y- Lvar currentBallSrc;
W/ u- `9 [9 v& N. Yvar newXDir;
/ F+ Q; ?+ C$ B+ `var newYDir;, {1 d+ C" w; s- v! l! }. L0 v
# A' K% I, i/ S
function initializeBall() {7 C9 ]& g5 r2 t1 b* @# N' a
if (document.all) {# Y; I0 @7 V. h
xMax = document.body.clientWidth- z& A4 w+ e- J+ _# z; [/ I. E; B
yMax = document.body.clientHeight6 H: f5 o$ G/ u, I/ b5 ?
document.all("supertext").style.visibility = "visible";
) H+ L! A9 x) Y( k/ z- q" {& K contentWidth=supertext.offsetWidth3 Y( N) ^0 @; @. |
contentHeight=supertext.offsetHeight3 ^8 u" n% x$ u0 Y$ d( u, N- h! y
}
# g C; V4 ?3 s% ^$ A N else if (document.layers) {
$ S0 R% v+ d# L. L9 P xMax = window.innerWidth;
. N& T4 j3 A6 t7 D- a! b6 U# I8 ?5 H. } yMax = window.innerHeight;
e! \/ C4 V/ x4 S& C contentWidth=document.supertext.document.width
5 m; U5 [) r! T contentHeight=document.supertext.document.height
3 {6 p6 F3 k2 F' e; |- K document.layers["supertext"].visibility = "show";
+ [! a! y3 n( G$ b }
/ E1 E6 y4 A! B5 Y, b6 g setTimeout('moveBall()',400);
$ B$ q% R6 x0 x# k+ R$ z6 z1 m0 \ if (hidetimer!='')
$ J1 i) E7 A: K" A: C setTimeout("hidetext()",hidetimer)7 _! L' ^9 k& H& d8 |& f
}+ k' m0 n/ j+ I4 S3 I
/ O" G' v) ?7 L u4 L7 ~7 ^) X
function moveBall() {
( u6 c6 E. T6 a) a5 c if (superballRunning == true) {7 N* [+ s9 v+ Q6 [, P. L$ p
calculatePosition();
, _ C) D' u- O3 Z- x) D0 P4 x if (document.all) {5 o8 z. G1 l( E( i7 N
document.all("supertext").style.left = xPos + document.body.scrollLeft;# k2 w& L$ J$ i( ]. R8 F. M
document.all("supertext").style.top = yPos + document.body.scrollTop;
& T" _7 _! A* V# u$ O5 B* R }
. f! ], C% H# q" J& f: I else if (document.layers) {
( i4 ~" G# _. |+ ?1 ^" Q document.layers["supertext"].left = xPos + pageXOffset;' b9 j2 v- K& O' g$ ]& ~ G% b
document.layers["supertext"].top = yPos + pageYOffset;( E; O: m- }2 B& [/ c* k
}- l! S) Q: D% t, p& G+ j- W% A
animatetext=setTimeout('moveBall()',20);
% u' `+ O; z( d _% ^ }! M! |0 ?& n. M, Z
}8 |8 H$ A+ \1 Z- y I
" C2 u- P% K, E' S2 M& Z8 kfunction calculatePosition() {
8 |8 }% H, J7 k) o+ I/ N9 o5 z* i6 r: t if (xDir == "right") {# {* `) d5 T, @( @: ]$ t$ P
if (xPos > (xMax - contentWidth - BallSpeed)) {. q& T5 T* R* w) R& @# J6 Z4 j
xDir = "left";
% [2 n+ y3 }4 f" o. t# h }
5 N, m& X5 t- F8 J6 n" s }
2 ?/ U. K% u# z5 @6 a0 E else if (xDir == "left") {; x& x9 ?4 j! U
if (xPos < (0 + BallSpeed)) {
5 v5 v( F% M, X& E7 c. H0 C xDir = "right";
( { q5 M' j- z5 U }) u5 f& I2 A' C4 M! P0 `* ]% i, q( x
}, g- t# ~2 u6 [. H J% B: W
if (yDir == "down") {5 ?7 L9 ^- ^% V! v5 B
if (yPos > (yMax - contentHeight - BallSpeed)) {
* h6 t1 }' f/ A# S3 _6 |8 s& q yDir = "up";5 _, }5 f) b4 [' g; l
}" S. ?4 V; {9 s
}
0 G: K8 J# c9 B7 P& g8 C5 | else if (yDir == "up") {* B9 H! u4 y1 ~' o( W# [/ l. L
if (yPos < (0 + BallSpeed)) {% V* R+ z9 _' w d- R. j& h
yDir = "down";% w* U6 ?% Q6 [6 A8 g2 U
}% ~8 E# Y; L( {0 e2 C
}/ F0 I) a* E3 k% i" l Z# R2 M
if (xDir == "right") {4 j# v2 u: g! r6 b& g
xPos = xPos + BallSpeed;/ i; }* ^3 }, n" v) Y
}. `0 @* t* [! a# m
else if (xDir == "left") {
, z$ E" q2 U/ {$ G xPos = xPos - BallSpeed;
& i# a% { v% D6 X( L! ~ }2 B w4 Z: t5 ?7 A# X+ M# h
else {
3 t; V: e' K& ]: S xPos = xPos;
: r. k5 Y/ S7 q, q3 j" ?9 R: P: N; Z }' @7 {, f. W# @1 G$ S' Y
if (yDir == "down") {" @7 i0 x9 }4 ~$ x( ^
yPos = yPos + BallSpeed;. B- \/ e+ X& p) V2 z
}( ]% T( o4 l y
else if (yDir == "up") {# n( {8 X7 h& z! U' z% w
yPos = yPos - BallSpeed;+ y1 D! N0 q9 p! ]( ~ j
}) Z: M* J5 M9 |* P$ G- C
else {: ]# q$ u& v- H/ l" z
yPos = yPos;
+ b( Z4 C$ O& `6 U. v5 v }; }4 C4 r$ @; c
}
: U( E: `$ @2 B" ^1 A; J" Y. `2 i& S) H
function hidetext(){
! ^8 @4 g3 `6 I1 K" X& ^* L6 U5 lif (document.all)
' |' O8 ~- g$ K1 U* i5 L h/ gsupertext.style.visibility="hidden"( ?* v e0 O1 E; V* O: ]9 P% w% d" G4 {
else if (document.layers)9 C2 t# N p- h, o) f. y: [+ K
document.supertext.visibility="hide", V( V/ f7 b1 _" Q
clearTimeout(animatetext)$ {# u, j1 e' s; w9 W/ T0 s
}
! d2 ^3 }. u+ @* B+ V. G4 J) g
e- ~1 C: z' mif (document.all||document.layers){5 x: f; i1 B" n; t$ I& H
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
1 y8 ^/ s' l9 T3 O) E e; u: Ewindow.onload = initializeBall;2 ^# a8 s% U/ v+ Z
window.onresize = new Function("window.location.reload()");/ b# j8 L( D# q
}1 E+ M5 y3 m- f! C- R, K
8 Q2 ?2 {% P3 F1 n- e</script> |
|