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

|
网页之不断弹射的文字-特效
<style type="text/css">4 r0 q3 @5 W* L/ q
#supertext {
7 B9 _ K6 x" {position:absolute;
* |0 b( q2 u* T7 l' x oleft:0;
! P2 W1 F1 h$ Itop:0;
6 X4 t1 w) D. bvisibility:hide;
& w" y0 C1 N' Pvisibility:hidden;7 h: ~$ |+ a) v, n
}7 U+ u( k" t' Z+ C# b
</style>2 L* C7 w ] c5 _
<script language="JavaScript1.2">
5 S6 X5 G# _: p& ]<!-- 改变下的字体的大小。颜色-->1 a2 c1 X7 @4 u' D+ Y$ j
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
( E0 X+ ~- A1 m" Ivar hidetimer='';% b1 Y7 p/ K x% G+ w, d
<!-- 改变下的弹跳速度-->
! ]& C3 V, |) S5 l4 jvar BallSpeed = 20;
& b( S7 [" t8 I& r( j2 ovar contentWidth;
, Q8 o. W6 X( |' p$ e3 Bvar contentHeight;& v ]$ j' q3 _# u9 Y
var maxBallSpeed = 50;- L, \% s5 A" X a3 O# t: v+ C$ W
1 P. h2 z- A4 u. N: P
) ]+ U/ U& c- ?) o" ivar xMax;
( J8 i5 L2 d* s5 _8 \3 Avar yMax;% c4 U8 y% F+ ~
var xPos = 0;# {9 V( T7 h7 [& z# S3 h
var yPos = 0;
6 n/ T) Z) K7 K2 I& P" V0 Bvar xDir = 'right';( Z# l' v) ^" a: K( W2 A2 t
var yDir = 'down';% y4 l+ K* j1 l4 }
var superballRunning = true;, e' u& N$ V" m8 w" e: Q7 d
var tempBallSpeed;
% E6 e8 e* T! x0 @# u* avar currentBallSrc;- r8 `! k5 J+ |
var newXDir;( ^$ Q. l# }! |. ~1 z7 [0 V& K. z! w
var newYDir;4 E P7 g" V: y6 Z3 V) L2 N
. o n& O9 G' P2 vfunction initializeBall() {
?0 \. X( o5 `0 `4 Y9 { if (document.all) {
2 Y( Z- C: T- g' I xMax = document.body.clientWidth
! w: s7 E0 o7 U7 d4 B* | yMax = document.body.clientHeight: ~2 M7 q% R* S1 V" U
document.all("supertext").style.visibility = "visible";3 q% w0 L# b( u |6 \/ N
contentWidth=supertext.offsetWidth/ i# r6 ]! C/ i1 y
contentHeight=supertext.offsetHeight1 |2 C. w' ~/ K
}; ?8 L0 B0 f) c* U- G
else if (document.layers) {
' E7 g/ |5 @+ c0 [ xMax = window.innerWidth;
' v6 r/ m" e" K# B* f& R yMax = window.innerHeight;" C3 Z: h! E0 m- ?4 i+ g
contentWidth=document.supertext.document.width# c$ Z/ d7 w( m6 |- c- F; Q
contentHeight=document.supertext.document.height
9 z# Z2 j' B$ I( X document.layers["supertext"].visibility = "show";
' ]& z) ]9 }- Q* D }( a1 b6 w6 S' r' E5 a
setTimeout('moveBall()',400);
' n8 K( U! a5 r/ Q1 `2 T% \ if (hidetimer!='')
3 O' O3 B/ I, J W/ F setTimeout("hidetext()",hidetimer)! i! E: t6 Z) L* U; y. Y% u
}0 M: q/ E f1 h' ^# I+ q+ S
0 ]- A m' i( `& ~6 B, w
function moveBall() {" r( X; \6 F" j0 K" t
if (superballRunning == true) {6 ~! F: H2 e% l; ^# G3 {# H
calculatePosition();
5 c, r& o# v: h0 x: y5 S, | if (document.all) {
6 O& Q8 L5 k/ C$ h- T5 B document.all("supertext").style.left = xPos + document.body.scrollLeft;" M8 W: k( \2 x0 y0 |
document.all("supertext").style.top = yPos + document.body.scrollTop;% G" x( N" D9 K; O* }: }
}
4 C4 ?/ X, y; `" x! Q else if (document.layers) {( u8 c" Z B2 d; _. i$ W
document.layers["supertext"].left = xPos + pageXOffset;4 @5 d% f8 t. ?2 {
document.layers["supertext"].top = yPos + pageYOffset;
9 F2 O9 D) h2 h }8 {9 T$ I" A) l6 D3 J- U
animatetext=setTimeout('moveBall()',20);
) G$ Z7 X9 B/ B3 Q0 F1 o }
7 m* V" z# n8 r* i, C; Y' q }
& P7 ^+ q4 w( Y5 i% b, H
3 X) h4 F% i: F$ f5 pfunction calculatePosition() {- c B) |9 B" @5 P
if (xDir == "right") {
# K, I* d1 y$ a8 b. M if (xPos > (xMax - contentWidth - BallSpeed)) {
/ e. t9 _ j* |) V& C0 q* k2 z xDir = "left";6 h" r$ h8 v3 y* ^4 C2 ~: M
}
* Q; N. v' H0 ?( ^ }4 O- l1 T& w& G, B2 C" L- c
else if (xDir == "left") {
- G9 |! }7 w0 r. {5 I if (xPos < (0 + BallSpeed)) {, r h* O1 G X
xDir = "right"; c) a1 d3 k5 \/ H2 } U5 w9 c
}
6 q K+ J4 V+ e4 S9 _; z }" \- W; [& O- [' h/ I
if (yDir == "down") {
% t7 F6 L% |3 H9 _6 w if (yPos > (yMax - contentHeight - BallSpeed)) {, r: Q; J! j, {2 ^, _9 t4 S
yDir = "up";" r9 ]5 }8 E, r8 ?% F8 e
}
, B3 ? H# @. Y* k }
2 ~7 A1 [* X+ J# C2 X6 p# m else if (yDir == "up") {# [7 B0 y. {- ^: |& m
if (yPos < (0 + BallSpeed)) {. O% w9 Q, x8 Z0 G" t Y
yDir = "down";4 z5 ^0 a2 p( F; ]7 U
}
5 }8 o& A, r" E7 W }5 G7 P5 G5 ]! K
if (xDir == "right") {% M& \9 X2 R1 j. u! t9 v) M4 ?$ v
xPos = xPos + BallSpeed;
7 }6 i' g# c9 B- Q6 q9 l }3 X8 j5 \2 z1 T& s
else if (xDir == "left") {
( w6 ~( k8 E$ F7 c xPos = xPos - BallSpeed;+ l6 t: a v) {7 O& ^7 a
}! I% z, [/ r2 e0 u
else {
% v8 `6 i. w6 r# ]- S5 h xPos = xPos; f& w: o% O6 s
}
4 ~6 }# D+ I0 @( X* A; M8 o if (yDir == "down") {
, _" P, \2 T H! V! O/ N yPos = yPos + BallSpeed;% u$ I: c. b6 O. w" L# }. B" f, B
}( a+ f8 L8 l# e% t
else if (yDir == "up") {
/ D4 ]2 n% i( y: N0 A7 C yPos = yPos - BallSpeed;
3 h" Y/ i6 [3 {1 h }
; F; \+ u1 N1 z# w- ` else {
7 v) C( S. ?' @0 c- t: f yPos = yPos;
/ s( M; }* p0 v) s }
& x' h8 }6 C- Z" U0 ?* G) _ ]) l }7 r$ j- g1 W0 ~5 M, X
% i. d0 V: o/ f; Z; q" nfunction hidetext(){
; g+ I: w4 @ h9 U- ?7 y/ Xif (document.all)$ y9 d* z. t& H4 }7 S5 j6 B
supertext.style.visibility="hidden"6 H) o( C/ J0 o" J* x8 ~4 J8 U7 ^
else if (document.layers)- K9 Q& y& E( G3 v, g7 A a5 q
document.supertext.visibility="hide"
$ Y1 K% M( y" Z# x9 m- [clearTimeout(animatetext)* q# m# s8 Q2 g
}4 j% [, I G( R- N) T, I7 g* p3 I
: I& G+ d7 L N% @$ z4 v1 C
if (document.all||document.layers){
& N9 e: c; ]$ S# tdocument.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')1 h& G$ S+ S$ m
window.onload = initializeBall;
& f# }$ J1 j, Xwindow.onresize = new Function("window.location.reload()"); ^" S' x( r: u
}4 ]: Q, R+ Q& V' l) j: L: R t# \
3 z$ e( l' z6 X0 z' X
</script> |
|