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

|
网页之不断弹射的文字-特效
<style type="text/css">
- ?" p0 P+ O: p) W#supertext {
) v$ R8 D/ n2 ~0 T: ^9 aposition:absolute;) L; Y. B( n0 B3 q; H6 \' n
left:0;
" G: U, A1 q7 F* }* K7 `" V5 Ltop:0;4 ?$ K% T) ~! @4 ~8 T E
visibility:hide;8 Q" I; X% Y7 X) o! Q1 A
visibility:hidden;1 ^1 e0 _5 Q+ }2 u1 O- q
}6 L4 G6 D7 O" \2 d( {" b
</style>
$ P, n- l1 v1 Y5 l0 \( k. O1 w. b* D<script language="JavaScript1.2">9 {% L6 y0 {% o( u% h
<!-- 改变下的字体的大小。颜色-->. ]% X( ^+ w* M2 F: A" w
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
* D1 d5 O, ]1 _! @, |7 L* Zvar hidetimer='';
( q1 v8 x6 U& p/ ~; [! m<!-- 改变下的弹跳速度-->
! U/ m+ @/ E1 j* Z6 Ovar BallSpeed = 20;, X! I; m0 Q0 H' ]0 g
var contentWidth;
: M, \# Z: N' V' Dvar contentHeight;$ Y: R7 M# ~; Q9 B8 m+ F! F5 \
var maxBallSpeed = 50;" {! L. ~. A7 Y1 @2 Y* k8 C( c
; D3 s. m `( m5 Y3 L- s
$ s8 x. W9 @; C& M* s" c
var xMax;; i4 B% j! Q8 X: Q7 Y% j
var yMax;
- b' U, u; @1 r. Z) \* Nvar xPos = 0;
3 u; C4 f- m. ]% V' r/ ]var yPos = 0;: f L1 E" N# J( }) k& ~/ c. P
var xDir = 'right';- Y" ^/ L3 V+ [
var yDir = 'down';1 v3 m8 z1 a" f- b1 Z
var superballRunning = true;
* |. Q& d0 x8 z- y2 X. ^var tempBallSpeed;* Q$ m2 d- Y2 ] N2 v0 H- z
var currentBallSrc;
$ {9 [# @0 u5 U8 s) u8 @var newXDir;0 r* l& U* L+ U
var newYDir;: J7 k) M# Y0 {6 i$ @4 U
9 [; ?5 B2 i: T" x$ j( C; O, x. Sfunction initializeBall() {
. s! h( v7 P$ K/ H! l3 a9 i1 \ if (document.all) {
7 [9 y1 q* i( I' W) M1 Y5 T) C xMax = document.body.clientWidth: s! ~/ p( i3 l) q3 [
yMax = document.body.clientHeight6 d# a+ D: e7 ~3 z4 D
document.all("supertext").style.visibility = "visible";
[$ X" W' u/ r' t contentWidth=supertext.offsetWidth3 I' b1 h: T9 Z+ z7 `
contentHeight=supertext.offsetHeight
" M$ h6 j( e# `! X* | }; b |! V1 o( `: a5 i3 J& x8 @
else if (document.layers) {
1 j/ Z0 Y8 u/ s W+ k xMax = window.innerWidth;
' G3 b9 Y( @6 g; E# N0 r6 v3 Q7 u yMax = window.innerHeight;
- K4 \4 F; q1 x- o) w8 L contentWidth=document.supertext.document.width
8 R, v& o: B9 V( _- z contentHeight=document.supertext.document.height# m9 p3 ~" S/ ~8 Z" a' Y6 p( F
document.layers["supertext"].visibility = "show";* e: h3 D6 R8 @5 J: t3 C' C
}
8 d. X6 S7 ?7 B- }+ ~ setTimeout('moveBall()',400);8 B9 x+ [1 M/ H1 }* T
if (hidetimer!='')* j$ Z& e0 w( L5 }" |9 B9 T
setTimeout("hidetext()",hidetimer)
/ e' h$ n; c$ C$ l4 } }
) H! j6 U% x& A
1 M. Y) y$ c% H; D {- |" Ifunction moveBall() {# Q$ i8 y6 b# s
if (superballRunning == true) {/ C$ V4 m7 x: m* D, d9 u
calculatePosition();) Z$ X5 E5 a* r0 z; S
if (document.all) {
9 ~+ A2 ~4 }3 {3 p# D8 |, G) o document.all("supertext").style.left = xPos + document.body.scrollLeft;
A4 _0 l6 R q$ n( ]1 o. i* y0 _* l document.all("supertext").style.top = yPos + document.body.scrollTop;
/ \$ G, M2 I; M& z }6 L9 _7 k5 l# G0 z, ?$ Z$ U. J) r
else if (document.layers) {. n1 h9 i* u. ? j
document.layers["supertext"].left = xPos + pageXOffset;. t. r# m; V/ P1 v# Y8 `1 M
document.layers["supertext"].top = yPos + pageYOffset;& g! M. [2 _0 a) S& J; n
}5 K6 z2 x' P7 ?0 h( j: g) R% H/ e6 V
animatetext=setTimeout('moveBall()',20);
5 x6 G: F' t& g7 I7 K m1 G' E1 a }) o E+ i! G$ ?) _ u: \! J% w/ U
}
' q) G, x/ N! o0 A9 w$ y
7 g) o& D& {7 G" c) G: mfunction calculatePosition() {
) ?# ~+ c' K/ o1 c3 w. O if (xDir == "right") {
) a. N5 Z% V5 r8 i. L if (xPos > (xMax - contentWidth - BallSpeed)) {# b- L* ^& L2 m0 a
xDir = "left";
# v* B" {( Z' N _ }" }0 Q! o2 |' B4 V j
}
! q( q& l: f9 y* q4 p- H% v else if (xDir == "left") { m; _! k! h4 Q7 P
if (xPos < (0 + BallSpeed)) {7 j9 j# \7 N9 c( g+ @/ N! ` u
xDir = "right";
( d* R1 N3 d$ s$ C) |0 |$ C D }# J3 I- \7 A8 j, H K
}
5 O- ~6 L- U6 @ G" U. W if (yDir == "down") {
$ {, y, F& z' `* x. @4 c+ S if (yPos > (yMax - contentHeight - BallSpeed)) {: m- r# J0 o- Q$ O3 A) d) @$ q
yDir = "up";9 I! N' K1 }1 W' |4 S- [
}
2 b2 R* ?% Z& ^& H" X7 M2 ~# z }
; M# O5 [; l) e2 D6 p3 M5 L. } else if (yDir == "up") {* [4 q" g& V; n. R
if (yPos < (0 + BallSpeed)) {
+ P8 e, |0 v' p" M% @/ o yDir = "down";2 S6 o- I1 @1 k8 M7 d
}
, D# o8 L, }- y; |% @ }" c h8 ?# {+ ?/ |# [5 F/ j4 K7 U7 N
if (xDir == "right") {
+ H" Q2 H" g& d" k. S xPos = xPos + BallSpeed;
7 j: B+ f' `# W z }6 g+ [7 |, u# r9 T3 L6 }
else if (xDir == "left") {
7 P' P; ^2 p) Q5 [) S8 X4 R xPos = xPos - BallSpeed;8 x" k, R5 \% E( Z
}
6 X# }: D/ `. B$ ~7 ]/ u$ D7 M4 } else {
( v& S. S1 Y' D% c9 Q xPos = xPos;/ |* j+ U* p# P/ N2 T
}
2 K$ X: K! ]) J8 H if (yDir == "down") {* Z6 l; C$ G: q, u" J2 g
yPos = yPos + BallSpeed;
; }5 ^# J7 _8 }& T- {; ? }
7 K9 h7 I4 x# F2 m+ N7 @: j else if (yDir == "up") {- ]- Q3 p# L' P0 G
yPos = yPos - BallSpeed;. o) M. |7 M# W& L; N2 i
}; Z2 r. t# i6 Q; ~
else {4 l% _) y( j, z/ l
yPos = yPos;
7 H- f( n0 f) R }& ~+ l/ _5 l8 q2 I
}
3 U$ _8 d; d: I! f# P& B" P( N$ k! V; L3 \$ u
function hidetext(){
0 D2 \" e( d5 H* a# r& z6 Gif (document.all) A `1 h" u6 y6 e" I0 z
supertext.style.visibility="hidden"3 U& B" F8 y5 ?8 X
else if (document.layers)% ]! V, v- b. M: v$ L# r7 f, D
document.supertext.visibility="hide"5 l) r* s, H0 a" K( h9 r. Y
clearTimeout(animatetext)
, V1 g4 J( c& x- O}
" u9 y% `4 p# w1 m4 _; F# [
5 B' x. c2 P4 M' S% Z oif (document.all||document.layers){
# U2 N( ]& j- P/ a! V/ i9 [document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')5 W6 f0 v5 E: E
window.onload = initializeBall;0 \. d% u$ F! k! t/ D5 P' L5 H" K
window.onresize = new Function("window.location.reload()");8 X) A# |+ m8 g
}3 |* q8 v4 c0 f5 F% ]! U6 ~/ c+ B
; V' h0 @' D1 X9 V3 ]4 v ?
</script> |
|