标题:
网页之不断弹射的文字-特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:55
标题:
网页之不断弹射的文字-特效
<style type="text/css">
8 M3 H( A) M7 O7 ?
#supertext {
! v9 b) \: w1 Z6 J. z/ H
position:absolute;
z9 F; Z4 L6 ]4 A5 x" M. H7 \ ?, s
left:0;
6 s1 w2 H5 g; e; Y3 J
top:0;
: x5 S/ O, B" t r. g
visibility:hide;
2 Y$ S/ P) Y2 X5 R
visibility:hidden;
$ v( A$ q+ B- y7 P8 `% _% X
}
( I2 `; L7 b8 X, C, Q1 W3 ~
</style>
# K$ K, I; R+ l) y7 X" T
<script language="JavaScript1.2">
' L8 m5 U6 ?* a. ?0 E
<!-- 改变下的字体的大小。颜色-->
X3 a* z$ M+ Y) n+ }5 g
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
: b7 Y0 g' C5 _2 @# {# }! p
var hidetimer='';
3 `. `; x9 A7 g8 z5 i7 N
<!-- 改变下的弹跳速度-->
& {0 q V/ {% z4 Z7 l
var BallSpeed = 20;
9 }7 _. Y) D( \- T. `
var contentWidth;
) h' s/ F) m* Z% k; ^/ o" I/ {- \
var contentHeight;
0 }1 ^7 @" P9 z1 O; w$ q
var maxBallSpeed = 50;
- p4 r" x8 g" f
2 Z/ p' f$ O' c4 J
% s n4 c+ s% ?/ h' m
var xMax;
% K f" A! b/ `! Z
var yMax;
( K0 Y; ?8 A% ?% ]/ }) k
var xPos = 0;
4 p. K% T) ~+ ^1 E* B
var yPos = 0;
2 i$ i, ?" h) H6 z: b0 v, C. N
var xDir = 'right';
$ Y3 C7 x% C! r1 ~! B( ~
var yDir = 'down';
* p" A$ A C7 ?- O) Z3 w& s
var superballRunning = true;
$ {: [5 y% c2 ~- b' u
var tempBallSpeed;
$ t0 ~2 z7 x5 X o) s# I0 K8 |
var currentBallSrc;
3 i1 D& @+ d" o1 P! o
var newXDir;
+ U5 u- L/ j7 L
var newYDir;
) I/ H( \ M6 u0 i
/ H: x. |3 r4 p+ q7 K# ~3 e1 l c
function initializeBall() {
+ _+ G2 b1 `$ j; V
if (document.all) {
' x% b$ Z; K& w+ M. _. f9 q
xMax = document.body.clientWidth
: ~* b' U+ T& C6 S% W2 |
yMax = document.body.clientHeight
3 v2 F7 I# P4 w' ?+ B; V& E* g
document.all("supertext").style.visibility = "visible";
$ [6 O. b" C5 V; M9 R
contentWidth=supertext.offsetWidth
" E N* G! X0 t6 s4 @& I; S+ C
contentHeight=supertext.offsetHeight
. S5 ]9 }1 `9 c4 x, r- A& o
}
- O2 Q; R' w0 f N1 j
else if (document.layers) {
& {1 G2 w6 {7 [
xMax = window.innerWidth;
- q6 _8 C9 m5 k) K6 C
yMax = window.innerHeight;
4 L7 Q5 D% N1 f: ~ A
contentWidth=document.supertext.document.width
1 \8 w Z% N2 Q/ \+ S0 R
contentHeight=document.supertext.document.height
4 V3 n7 a( R+ |/ L
document.layers["supertext"].visibility = "show";
" U% ^" G* G7 `0 X- L
}
+ T$ U& f' k0 q5 I% S& o
setTimeout('moveBall()',400);
9 V4 r3 G2 [% ]+ _) z
if (hidetimer!='')
7 u% j1 U2 \2 U" [" j" h
setTimeout("hidetext()",hidetimer)
* _3 `% c3 M6 b7 v N: R' e. G
}
$ P( w& Q |+ p% I \
- h4 f4 a0 F1 G6 k$ t
function moveBall() {
2 y/ M9 f$ Y6 F" a
if (superballRunning == true) {
9 b. y- _, a7 o
calculatePosition();
3 ^* H3 D8 o& o/ S$ G
if (document.all) {
8 K. Y7 Q+ C/ n
document.all("supertext").style.left = xPos + document.body.scrollLeft;
' U( Q* ]6 u* \- i* H* |% D1 k
document.all("supertext").style.top = yPos + document.body.scrollTop;
x$ g' v, J1 m( V
}
6 ?: W4 R; U: R9 R" f1 x- a
else if (document.layers) {
$ i$ D( e( ]% Y, L, q4 J& d
document.layers["supertext"].left = xPos + pageXOffset;
% v6 ~- M8 Y) |) l" _
document.layers["supertext"].top = yPos + pageYOffset;
# W, a- i. u$ m; e0 R
}
$ p5 [( A6 q" ^5 E+ w3 \
animatetext=setTimeout('moveBall()',20);
, y: Q8 C/ f5 e* \( A6 Q0 r- i
}
5 V. o! \- p/ i- B+ H7 m
}
6 e6 [* \% a H, ^ y g
+ y2 {5 o: C* ~ L( ]' s
function calculatePosition() {
; S& a# p, ?; ]
if (xDir == "right") {
: o) X T3 K/ ~
if (xPos > (xMax - contentWidth - BallSpeed)) {
- |- }+ J4 v8 R2 ?8 ]- \, x) g2 [. b2 G
xDir = "left";
\1 R( P3 h; K0 o( W0 _
}
) b) d* u8 }. X( R8 g6 l
}
1 C$ ]! I( \% A2 G7 e9 |: q" G
else if (xDir == "left") {
4 ?7 Z! i- Z8 D( ~- z; q) Q2 L5 Q
if (xPos < (0 + BallSpeed)) {
0 ^0 g* u7 H1 @1 i! `
xDir = "right";
3 R; {; N- {& K6 ]5 \, V2 ^, b4 @
}
. F* L; N, a8 O! w. \- D
}
& \) U( Q$ `4 b( Y8 o. o
if (yDir == "down") {
( l: z6 s3 r1 T7 l6 | Q7 B4 Z1 |
if (yPos > (yMax - contentHeight - BallSpeed)) {
& F1 \1 H7 K, ~; ?' a( p: M. S
yDir = "up";
. x2 b' D: H% s" o ]# ]
}
! U+ x5 V: U. I& e1 C/ M$ _
}
- C; J6 n0 F7 G6 ~, g
else if (yDir == "up") {
( R! F" V7 M6 t3 E1 t
if (yPos < (0 + BallSpeed)) {
( f2 J* @/ Q A, z, Q7 F' c
yDir = "down";
' N) n2 h: t; A: i3 G$ N- f
}
7 L( X* |/ j; i; m f; B+ J
}
1 R3 |. I. y/ Y
if (xDir == "right") {
+ S* V, c, {( z
xPos = xPos + BallSpeed;
# ~- R& B" l0 y' f$ E5 n
}
( R) F2 n5 R. }) Z9 r( m
else if (xDir == "left") {
J. Y# @3 J% g
xPos = xPos - BallSpeed;
9 b8 O8 f- z7 w0 q! [3 q
}
. t6 t# p# X; x" y2 U
else {
' Q( h# F8 N* T* Z9 p, N! R9 @9 b" h
xPos = xPos;
. i t4 x3 ]4 ~2 p4 B% z( j
}
6 j; _0 ?+ d& F1 }! b$ P; ~
if (yDir == "down") {
$ y r+ C1 j' d) s
yPos = yPos + BallSpeed;
; e: e0 q% `& N
}
/ P% N/ p( ?+ ^" W
else if (yDir == "up") {
$ O# s" X8 C' B: |- A
yPos = yPos - BallSpeed;
* Q0 M1 E9 {5 s
}
8 a) `% l/ F. k2 h6 m; F
else {
7 `( p, r$ S d0 g
yPos = yPos;
( z( D9 @. n/ X; \
}
& e8 W3 D* z6 O) z- J: s
}
( A' K( A1 a. V+ G% W0 G1 w
- r* A8 c P9 t
function hidetext(){
6 d% s, j8 _5 E( |9 b6 c9 ~3 Y
if (document.all)
U/ [7 ]9 e8 Q8 P! Q& {
supertext.style.visibility="hidden"
: ?- Y# s! U3 }* W6 i* |
else if (document.layers)
; U/ g; ?* }7 t- D" v1 J' \# U
document.supertext.visibility="hide"
' ]% q! Q5 @( R) y9 X9 U
clearTimeout(animatetext)
! B- R& L3 B. k
}
; {1 B* ?8 u0 B% |$ d, `
. C& L: O/ i* Z. t
if (document.all||document.layers){
$ Z, k3 d; J# j0 x D
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
2 _7 R s7 u- j1 f+ V ?3 K: D
window.onload = initializeBall;
; L I5 y! p+ b
window.onresize = new Function("window.location.reload()");
- t6 g7 n& m. m7 M% F
}
6 x+ x7 n' {$ Z4 e# E
3 s8 v& a' Z# a+ ^' {' O& \" c/ u
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
