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

|
网页之不断弹射的文字-特效
<style type="text/css">
$ s' W+ w" s0 ~#supertext {9 ]0 A0 t( }( c/ d: n' ?5 w
position:absolute;; h: F& s: i1 Y* Z8 e$ |& o
left:0;
' V6 x' d* b0 {2 z- o3 dtop:0;2 J# Y" M7 @# r/ d- a7 O
visibility:hide;
% p( I, g5 ^& o" s: D A% Svisibility:hidden;
8 f `' c' g! t p}. @ |, \; U7 n. L! g' {
</style>
+ }: Q* P. q4 b m$ U<script language="JavaScript1.2">
, f4 K! w7 d; y% ~. }<!-- 改变下的字体的大小。颜色-->
' J' b `4 v0 h* ?var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* c o" a& H. }& W; ?* gvar hidetimer='';
! y& I3 S6 h: }; S$ |! X! g<!-- 改变下的弹跳速度-->
* q: |# K" P* P3 y1 t. }/ L3 gvar BallSpeed = 20;
' w; {0 ?% j- }" j6 xvar contentWidth;
5 v! y; T) d3 u' n: ]5 c( Rvar contentHeight;
2 U% i, ^ Z; C! x9 ?) vvar maxBallSpeed = 50;* w/ Y8 n( q- Q4 {$ I
0 O4 k/ f' b4 P4 i) X% |
0 m# a2 ]6 J3 Z! k7 H {var xMax;! u/ \3 ^( t' g7 I2 n
var yMax;' g7 [3 X f p" c& [: T. x+ U2 A
var xPos = 0;+ P. n- Y: ?# M% f
var yPos = 0;
- @7 k& v( F7 T! i+ ~& V2 gvar xDir = 'right';! Z6 ]/ o; E# y' E% q# M
var yDir = 'down';! z$ e( L, H+ n4 x7 E
var superballRunning = true;. P) O {; D" B9 H0 x
var tempBallSpeed;
* [& ]" R* h+ u: ?/ B6 G$ ]) M) rvar currentBallSrc;
( k$ i" v! M. m+ E0 I" Avar newXDir;
6 r* i3 c P* a; lvar newYDir;
" A9 W$ W7 F! j9 Q" P5 n, K0 ~4 p$ L; p2 ]
function initializeBall() {
1 q5 _' I0 y5 Y8 B6 \+ U if (document.all) {, l5 }! H; t$ y- J i) n3 Y
xMax = document.body.clientWidth) c/ i- \, U' R
yMax = document.body.clientHeight
# M8 T8 P2 a" }$ x. o; D- l" x document.all("supertext").style.visibility = "visible";
% ]" w' i& d* v3 @0 ~. g contentWidth=supertext.offsetWidth4 y6 r, W$ d" j2 s2 o8 L, g
contentHeight=supertext.offsetHeight
" |* Q; L! h3 e d, e. |2 o2 W }1 f& E, g+ [1 J$ b& T; ]3 M" t- S/ y
else if (document.layers) {/ D, ?3 Q& N. B. @% l% X. L
xMax = window.innerWidth;
' z3 b* p4 s# h6 U/ J- A& ^+ R( U# v yMax = window.innerHeight;1 z' r3 _; o" B+ X
contentWidth=document.supertext.document.width6 w6 l# I: t2 R
contentHeight=document.supertext.document.height, ~$ j2 D& A2 W) m' v" Q0 F
document.layers["supertext"].visibility = "show";
/ {$ w4 q4 u$ P6 }0 a& g: f: ^ d }
% Z6 e/ ~' }( m1 B setTimeout('moveBall()',400);/ Q! c% a# S L% K+ w0 `. a0 X0 i
if (hidetimer!=''); q) q- C& ]$ d# M& C ?1 O+ T' Y
setTimeout("hidetext()",hidetimer)% N# a2 V* d3 `3 \
}
0 X! o0 m ]1 n8 [+ t0 e# M$ h/ W: K4 B, G0 }7 u+ c; y
function moveBall() {- a# `$ ^9 i: ?1 |" ^
if (superballRunning == true) {
( ~9 o( P# c7 M calculatePosition();$ E7 a3 A/ E% c) S" n
if (document.all) {& \9 Q. H: J, p. b
document.all("supertext").style.left = xPos + document.body.scrollLeft;
: I% J' m( p% ?0 ?4 t document.all("supertext").style.top = yPos + document.body.scrollTop;* Q% O0 Q( D0 b# S5 \; _& x& b
}
( h1 v( |* Y6 j2 {1 H% A else if (document.layers) {/ W3 x9 U; B* R, l
document.layers["supertext"].left = xPos + pageXOffset;
! E H3 W6 Q& E document.layers["supertext"].top = yPos + pageYOffset;$ |# K$ Z$ Q% H5 R2 N6 q1 c
}. V0 V! l: @$ r% k6 @) _
animatetext=setTimeout('moveBall()',20);
0 W/ q8 v' @$ o. q1 ]7 E, h. x }/ h- ]* s8 l3 A
}
" X+ J& O, b' r$ T$ {) L- k& R9 Y: [
function calculatePosition() {
" E0 K& w; D0 u r% Q8 d* a if (xDir == "right") {" [/ X) r9 T* a: |6 m% T
if (xPos > (xMax - contentWidth - BallSpeed)) {: Y7 c/ Y5 D6 j( w* K U
xDir = "left";
2 |( t$ {1 T. ` }- C h2 R8 `7 i- a
}3 v; c8 [* h, F* h. d7 r* v1 d5 H
else if (xDir == "left") {
( F, h ~ ]+ P& O if (xPos < (0 + BallSpeed)) {
2 Q# }1 k( C# F, P6 B+ C xDir = "right";- F5 r& X, J5 {, L) ~, W- ?. e/ L0 I
}
- Z" V! G' Z! ^ }( D- A" v# f4 R
if (yDir == "down") {
" N4 ]( F) j' |- e6 Y5 R9 G: S0 ~2 J if (yPos > (yMax - contentHeight - BallSpeed)) {
( y- g2 G) U J S; _ yDir = "up";
- Z9 c6 q3 z* k2 }3 l# |) T }
4 P/ S4 Y: ?% H }
; A0 `, p8 P# Y, i5 X7 q else if (yDir == "up") {
% N5 X$ g5 X7 X if (yPos < (0 + BallSpeed)) {! T. `0 h% I( c/ \( {0 c! @
yDir = "down";
, Z: x; V1 Y2 {/ G }
" d# b8 |: H- E7 o( c }
3 ]% N4 C2 G* N if (xDir == "right") {
8 R/ x) g: m' J" t% h: D xPos = xPos + BallSpeed;
7 t/ y! s$ o2 Z: c$ `1 ^5 | }: C I4 R; V0 c9 k0 ]/ v( m
else if (xDir == "left") {; C5 X$ [* {3 L- Q7 F
xPos = xPos - BallSpeed;
! T# X Y6 {& C( Z8 [0 | }- h z0 }+ [7 `2 O) N
else {& d7 Z4 ^! q5 t& r
xPos = xPos;
) W6 w. z" t% d# R X5 Q) s }/ J4 q; f. x; u
if (yDir == "down") {
2 D) O6 p! J3 _* ]" z yPos = yPos + BallSpeed;
7 Z2 X! Z7 k0 v/ z" _8 d }0 ^/ h" s6 `! w9 L1 |" ~" q& P
else if (yDir == "up") {; N0 U# m9 f% h* q- g
yPos = yPos - BallSpeed;* [! k* Q" E& H
}3 n1 q$ `! P: u' ]6 h/ N! T1 z: d V
else {2 Y: ~$ U- K/ b& V& [* K o
yPos = yPos;& a" H2 s( x1 b! N4 }6 b; {0 t1 [
}" w! P: s. x) n2 Y
}% Y5 P& x' r* w% u
+ X, r( w1 D& c! K8 A
function hidetext(){1 m3 b5 ?1 d$ X' L
if (document.all), {# T, @7 [7 v4 b2 A& G
supertext.style.visibility="hidden"$ i- q o' x# j
else if (document.layers): l. K. K1 P* V5 X
document.supertext.visibility="hide"
6 N7 c. c+ p/ C6 U" g0 OclearTimeout(animatetext)2 x( J& V) I( B7 L& h; {9 e" k* I
}* N- p% h# U z4 F
9 f m, Z5 [' [+ V6 T' Z5 f2 G
if (document.all||document.layers){
5 D: p# v- O8 s+ s% I5 ~document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')& |* U$ }% j9 ^' z( d% O
window.onload = initializeBall;3 K2 U7 I0 X) E* U
window.onresize = new Function("window.location.reload()");
0 I( d& y- v2 ^}
- b) G; I; O! a
5 K+ @$ t% X1 ~+ |- E</script> |
|