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

|
网页之不断弹射的文字-特效
<style type="text/css">9 E; n& H2 A' n) |: R
#supertext {( Q# n. C6 r v
position:absolute;
4 B( K, y" x1 B1 d" @# fleft:0;" v- U3 A: d J4 i1 ^
top:0;* ]: u4 U8 n2 m5 X, R
visibility:hide;+ a. f V) p6 n- t7 `& }" o
visibility:hidden;! b0 @6 C8 F: f' c/ s) ~ d& x4 K
}
- J+ S2 o4 K8 w; X: m</style>
; l5 S# K9 W( m" i* ~<script language="JavaScript1.2">& U' g2 j$ H) k, `; C& m
<!-- 改变下的字体的大小。颜色-->& m! r/ |5 @" e, N3 o; }. G
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
9 ?! w, s" Y' x7 B5 q; F; Vvar hidetimer='';
# ?- r0 p9 x; p, t5 F, b1 [<!-- 改变下的弹跳速度-->7 F+ H& _2 z6 q$ E8 V% d
var BallSpeed = 20;
9 @: x$ x1 F# E: ?% Yvar contentWidth;
( I: H6 }" s+ O1 C: {var contentHeight;
0 E( k' n# r2 k+ Q1 ivar maxBallSpeed = 50;
$ |: A( I' A0 Q
/ }) [, F, o" s+ j e. b- ~# q2 K5 J2 c; ?/ J) e
var xMax;
5 j3 W! V* p: x$ hvar yMax;
& T6 l& i- j0 B9 G* K: `var xPos = 0;
5 @. M" y( z: N* U. ^4 Svar yPos = 0;$ `& U" n) \, ^& t* x+ x
var xDir = 'right';8 r: j4 Q$ _# i+ s
var yDir = 'down';4 R. e j5 t8 L0 s8 z
var superballRunning = true;
& l' [. U6 U$ f& g f& Mvar tempBallSpeed;( z* L) \7 s3 X0 o( Z. ]) q
var currentBallSrc;
6 _/ j0 R/ @ `) c) H' ]# _var newXDir;
/ C) u* H! R [4 ^+ Gvar newYDir;9 `- |6 V( Y$ \6 V# n3 o! N/ u
1 k9 |1 b& m5 |: u" S3 S2 l5 w& kfunction initializeBall() {
6 |2 a+ S1 v5 H- m/ v6 r. I2 l if (document.all) {
! q2 }. G0 _: O+ n xMax = document.body.clientWidth
+ a, f/ H* H j# G yMax = document.body.clientHeight
& M1 E+ p; U* W document.all("supertext").style.visibility = "visible";, H" A+ g5 r3 n9 Q3 T; e
contentWidth=supertext.offsetWidth
$ p4 A+ s) ^, s( \0 K; ]$ E contentHeight=supertext.offsetHeight4 l- Z1 Q: S2 m3 U; n
}
! n. r# y& {. W+ K+ W. {. }5 g else if (document.layers) {5 j2 r& I5 j' A7 w4 `2 g
xMax = window.innerWidth;1 m M% `' x/ G; q e: P
yMax = window.innerHeight;
1 @( }6 B9 W5 k: Q contentWidth=document.supertext.document.width7 V, C& ^. U. m) M' w4 q) z
contentHeight=document.supertext.document.height4 c5 w2 \1 H. i: m
document.layers["supertext"].visibility = "show";3 W+ C K0 n# b# ~; u3 a K- j3 [
}
" F6 c" \/ s) y& X7 y) d2 M k. G setTimeout('moveBall()',400);
7 @3 a- {+ a/ a, I. q" z if (hidetimer!='')
' Q- F% s9 r( U* m) j setTimeout("hidetext()",hidetimer)
8 T0 |, k( z4 y; @ y6 N }
$ m5 e% u" f8 X2 R: }/ j4 @: |# y) Q7 y7 ^( H
function moveBall() {% j9 o, y; {* L# M0 f4 u% G
if (superballRunning == true) {
6 r1 P0 J! b6 I! t" p( u0 o calculatePosition();
{; r, D! D# m; W0 H9 ?4 r- \. y if (document.all) {
4 M2 S$ P4 q+ a6 z% [$ l document.all("supertext").style.left = xPos + document.body.scrollLeft;6 N2 w4 k+ i6 z
document.all("supertext").style.top = yPos + document.body.scrollTop;
8 S2 J- Y7 Y$ l M9 X6 Y }5 p5 }1 ]* c6 Y3 q
else if (document.layers) {
6 C7 h3 S! D$ b document.layers["supertext"].left = xPos + pageXOffset;( W% i) ^: V6 X' W% X
document.layers["supertext"].top = yPos + pageYOffset;
7 i! O# c7 R9 P. Z- g! ]2 G7 R }
0 {. ~( r- V# [4 f animatetext=setTimeout('moveBall()',20);7 G" U, Y" K9 w4 h: Z
}4 i0 i! j5 S" F8 p# Z# `2 E/ V' p
}3 \( Q: \" b c1 b2 v) H* N$ w
3 P. a$ b# W; z# ]9 ufunction calculatePosition() {
+ \: B. B7 J2 n' m% v if (xDir == "right") {
& B) T+ h% t7 m, g1 I if (xPos > (xMax - contentWidth - BallSpeed)) {& n! y% O- X6 U; g$ J
xDir = "left";
8 T! V# M0 k2 V0 I ]7 ~+ w }4 c u. ?5 ]! k& o: }, J
}
: X7 A: { F5 m else if (xDir == "left") {
8 o- M! d* C, ?+ T& o' q! c, P if (xPos < (0 + BallSpeed)) {
& r/ j% u" a3 {. d9 [ xDir = "right";& e9 G, z- G3 B1 i* C7 M, T
}
2 H6 B. q: o: ]. ` U }
9 R! `- Q& Q" X( k if (yDir == "down") {
7 r; m5 r+ j+ o. f) m5 ?' b if (yPos > (yMax - contentHeight - BallSpeed)) {
' r6 q4 U( G F2 m yDir = "up";1 p9 C5 b1 H j7 X2 P9 U
}* v) Q# K2 H( M& z- M9 Y
}% s1 }1 ~+ y; z6 U+ X
else if (yDir == "up") {
& ^& l- T7 l' w' E# F if (yPos < (0 + BallSpeed)) {. p7 @$ G1 t/ i7 |5 K% l _; R
yDir = "down";
) j5 @2 _$ }5 O2 P. a }6 V2 T T; a$ J, A
}
) X& L0 E2 ]" g* s% }5 ?+ _ if (xDir == "right") {
- N0 T) D/ k1 _, s: E" W xPos = xPos + BallSpeed;! {& k, U2 B N! X! t2 y
}
6 H/ I: n3 i* O/ U/ ?6 a4 t9 `7 e/ } else if (xDir == "left") {
y: T1 b" G# H) e) q xPos = xPos - BallSpeed;; ~$ E, }+ ~$ V& w; y# ^2 l
}
h6 E! ?6 }8 [: ?9 Z/ G* e else {8 }" C2 d# v2 u9 I+ }* ~
xPos = xPos;7 B0 X. X' `! @) C
}# M3 V) q/ g4 k2 F) g, e
if (yDir == "down") {
4 c: z' z8 @ ^3 Z" s yPos = yPos + BallSpeed;: |0 u6 e& q- t! M5 o* O. h @
}. B% ]. a9 j, I- a
else if (yDir == "up") {
' \1 T! A2 a, ^" v2 N yPos = yPos - BallSpeed;; A, B4 B. d( B
}
X. l8 X6 O1 E else {
+ r% D9 ^9 ?6 ]) L( o- ~# X yPos = yPos;
/ ~- [! y1 K) t( I }# {2 O) t7 N/ _- A
}" q3 I% T2 q" I+ ^! x( ?
0 R3 H8 f( e5 x! ^
function hidetext(){
) D# r0 {. m) c" Hif (document.all)
& t' ~" G3 ^: k+ |7 csupertext.style.visibility="hidden"
' ?* K" c _5 Z8 g: w- Z2 d" Kelse if (document.layers): K' G, w h# X& Z# P
document.supertext.visibility="hide"
4 i( l y5 t1 H9 y7 z0 `4 fclearTimeout(animatetext)
% W" i) ?) [) S0 i}
, w! I6 c# C/ ]0 w, y# L6 }7 G& w2 L" Z( j- g- D$ B
if (document.all||document.layers){' y% w( j8 P8 O8 {1 T. |9 A# R, E% G
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
7 j, U6 f! `8 N) S8 k( ~7 m2 ?window.onload = initializeBall;
6 ^6 [, K* r4 D/ nwindow.onresize = new Function("window.location.reload()");
- x# F! ~; o1 [" y9 i; X. f3 |}, h8 j! f" k$ \) h) p& W
2 m w/ d6 w! \0 s( a [</script> |
|