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

|
网页之不断弹射的文字-特效
<style type="text/css">9 w5 z0 O f0 X# Q& s
#supertext {9 l" B% T7 A; B
position:absolute;
' q6 {6 G+ s9 O6 `4 M+ Sleft:0;
# o- b6 {- m! F+ otop:0; i8 C, u5 o F8 |- D- x+ h( o
visibility:hide;! N8 f, O0 Z3 z0 `: [& ]* Q
visibility:hidden;
9 d: y5 e. J$ y/ k7 |}* K+ R M8 s4 g0 Q! U @ |9 }
</style>1 i$ ^% Q! p! p5 g$ Q
<script language="JavaScript1.2">6 A% G+ Q9 b! h% h; S* V; S: I
<!-- 改变下的字体的大小。颜色-->" {. l) {/ W @- K
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'; F4 l6 v j# F+ R3 Y
var hidetimer='';
7 o0 [3 L4 h, A, k) V2 Q) w<!-- 改变下的弹跳速度-->" P6 v( p b8 g( c& m
var BallSpeed = 20;+ Q3 j3 f: Y s
var contentWidth;# }) c! I) t+ d- T3 T, e
var contentHeight;
d0 I/ z9 Y. c# |var maxBallSpeed = 50;
5 d* d* m9 L& X% |
' D0 G) i+ Q0 o& W
T5 a3 s8 ^+ [3 ~5 p7 B; I' Nvar xMax;
; o/ b# [3 |. h1 q* |/ Dvar yMax;# I. y8 }5 s. D, f
var xPos = 0;* C6 X& ~5 Q& H
var yPos = 0; k# t# `: r0 X s
var xDir = 'right';
& w9 R' K+ y8 N' fvar yDir = 'down';% N9 y/ K9 }+ R0 y
var superballRunning = true;
" p7 ^# p8 `" B& K1 B9 Kvar tempBallSpeed;0 ^8 o1 J: S" ~( c0 h# A
var currentBallSrc;
# \( A) e7 K3 w& T9 jvar newXDir;
4 s& x5 M0 Z: r2 Nvar newYDir;
5 J" k' o' C, l+ T) C8 v ?
+ N5 U9 w! {7 F4 X* S) `! ~. sfunction initializeBall() {7 d2 ?# w; J: z7 ~, I, G) F
if (document.all) {
7 E" r9 x1 T0 s% @9 c# u. j xMax = document.body.clientWidth, ?3 `) n! ? E9 G1 g# I
yMax = document.body.clientHeight4 m. ~# w C/ i9 q
document.all("supertext").style.visibility = "visible";
( ?9 T) |9 {$ j( x2 L contentWidth=supertext.offsetWidth
- K6 j! m" d8 H# [* _5 @ contentHeight=supertext.offsetHeight
# G8 N7 Y* w9 O }- d: `6 k8 `) H4 U6 E
else if (document.layers) {
' K9 k2 I6 `! n& k5 b M xMax = window.innerWidth;
# W. S9 _3 l9 H' ^ yMax = window.innerHeight;: @# K% n6 O* A" E( m' a/ f/ H
contentWidth=document.supertext.document.width
+ ~- \$ Z# u- X) ^6 h contentHeight=document.supertext.document.height7 v" k# P/ N, M1 y! X
document.layers["supertext"].visibility = "show";+ Z: a" e) J3 N4 w! D
}
/ t' G: M6 j& |' g$ ~) J setTimeout('moveBall()',400);
* O3 ^) e5 y" g4 m* V2 p9 C4 U if (hidetimer!=''), P0 `& a# _7 q g( u( ~
setTimeout("hidetext()",hidetimer)
* Z6 H6 Y1 {# h; F& B- ` }
4 y$ p! z. ^$ o P9 s5 L' ], [$ f6 ?' y6 z, m. \/ q% Y
function moveBall() {
" K3 T9 }: ^) _; I6 m if (superballRunning == true) {
3 h- S- l4 N& g; H calculatePosition();/ Q; d8 G( m8 ~
if (document.all) {3 b7 [3 S4 |5 |) W# z4 N0 l# H: u: }
document.all("supertext").style.left = xPos + document.body.scrollLeft;
; r3 |! ?$ X" } document.all("supertext").style.top = yPos + document.body.scrollTop;
5 Q G% O7 b1 v4 O+ Q, J }- f; g: D7 Q: ]0 ^) F* b- `4 e( \
else if (document.layers) {) Y7 C6 P( ]; x3 I, r) F, N
document.layers["supertext"].left = xPos + pageXOffset;, u6 t: v: O- {( k
document.layers["supertext"].top = yPos + pageYOffset;
2 C8 L+ [* X5 I& U' V z }) y2 ~% n$ y, t& `% f
animatetext=setTimeout('moveBall()',20);
' _+ \% w+ I$ j& s0 L0 c }: Z1 q5 J7 { X9 R: L+ Z
}6 U( B6 Z+ ?/ {4 t+ j) Q6 ?) w
* `! e8 G: J4 K5 V2 K! F! |0 I
function calculatePosition() {4 a- A K7 O3 @# N! I; c* l
if (xDir == "right") {
# ]9 y% k H8 R- z8 E if (xPos > (xMax - contentWidth - BallSpeed)) {& i% j: T- w6 t7 r8 O* y
xDir = "left";" h; R: s, P7 {' l
}% |& d& F8 Q3 U- u; I
}" Y2 b9 Q6 w7 a# x1 H. X7 Z
else if (xDir == "left") {+ h/ v4 L9 f. O3 A
if (xPos < (0 + BallSpeed)) {
# I' o9 B$ b& M' [$ R' _ xDir = "right";
, a6 @) G* L6 ]2 G& c/ O }
2 }2 @$ i( K8 K- M }
% r! b0 V+ o6 f$ A if (yDir == "down") {
5 c4 u0 I$ e; b' K/ S# W# H if (yPos > (yMax - contentHeight - BallSpeed)) {1 j0 W1 Z4 k' }1 N) x
yDir = "up";
3 L: K2 [2 m0 `7 c9 N" l }
# A7 [. Q F, }% P: A/ m }
1 @( ]7 r) l# z+ t9 B else if (yDir == "up") {$ O, q& X' L/ t1 {8 h, P$ e; T: a
if (yPos < (0 + BallSpeed)) {9 w7 C9 t2 s q+ ]0 N* k
yDir = "down";# v. Q- R9 C! s' q# J8 v
}
+ x, a5 I4 `$ C- c }/ A; [4 ?5 K3 i7 ]+ R8 s, l* K. f
if (xDir == "right") {
R5 v X( D6 o$ ?" N4 M xPos = xPos + BallSpeed;# s: y+ g2 h( E; `$ F* ] I$ P2 |
}" L. T3 @+ W; N
else if (xDir == "left") {- y8 q$ L/ K7 r6 m) Y# Y
xPos = xPos - BallSpeed;4 ~/ s6 u" w: t
}4 ]# t% m: c- B3 ^: ]# s# Y
else {& m9 H. X3 q$ A2 I1 y/ [+ d
xPos = xPos;' e; b9 _8 s: u, i# a* S1 J! M
}
9 G8 i. c1 h6 |0 Q6 d if (yDir == "down") {# O. ^9 P, s K( }. d3 u( [
yPos = yPos + BallSpeed;1 k+ C) D4 \' \* o8 E% {: H
}" d/ t( N$ h+ h/ @: @( S: Z0 o6 Z
else if (yDir == "up") {
# c1 A; N, i! ] yPos = yPos - BallSpeed;: \6 Z" |8 e8 U% @' I
}: K5 m% G' S+ S) ^9 e3 D$ v, @1 _
else {
6 \, h+ l( {. ~0 o" N yPos = yPos;
' X6 q- a( J/ v* L1 `) a: r }
, A2 j5 j) t! F3 V# k! L& { }
8 b; J2 z. c8 f5 ]2 k6 q% H! J; `; \+ g4 _
function hidetext(){
( ]! G; W2 J hif (document.all)4 _# o V# @5 H9 E6 l/ k, S4 `
supertext.style.visibility="hidden"5 N3 Z6 a! Q7 _* l) U9 [) m3 p
else if (document.layers)
$ U9 u/ s M* ?" zdocument.supertext.visibility="hide"
* e/ ? S' d3 e: o- W$ jclearTimeout(animatetext)
, [7 Y1 t3 e+ Q. [+ W: Y+ Z}: s+ P/ Q! K5 V; ~6 N1 f
3 X) p" C6 `2 V' h
if (document.all||document.layers){9 d" U& k# E; j8 n# b
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( Q( u+ j6 u% y1 `( uwindow.onload = initializeBall;) X) R7 ]+ w. k1 O; o$ Q+ ?
window.onresize = new Function("window.location.reload()");
8 w$ h9 ? R1 f9 e7 X* R6 f}
7 y7 [0 _5 e6 n1 U* \' c) [1 ?4 H6 {
</script> |
|