|
  
- UID
- 133
- 帖子
- 51
- 精华
- 1
- 积分
- 186
- 金币
- 55
- 威望
- 2
- 贡献
- 0
|
网页之不断弹射的文字-特效
<style type="text/css">
3 E2 `$ P( m' J a3 L+ Q#supertext {
5 o- @+ G4 [4 b$ ]position:absolute;
7 I& V( p% v: Q, W1 kleft:0;
. t; q4 C) T a* n' Gtop:0;
4 t' j! s% H# T, |visibility:hide;8 n5 u3 o- Q# @' A' A0 c
visibility:hidden;) b/ S9 j$ t. L# k4 |
}
J& u/ H" g% g) y/ A</style>* i9 \) u% T' ]3 B- z# d
<script language="JavaScript1.2">* t$ P; Q! R+ M3 {( H) L6 _1 C8 |
<!-- 改变下的字体的大小。颜色-->
2 g0 V5 S- v1 I& J7 Svar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'& c8 s- [7 k! N# G! J+ V. t0 a! f- z
var hidetimer='';
5 n$ ~4 N. C6 A4 `; s<!-- 改变下的弹跳速度-->2 G, {; P. z0 f# |
var BallSpeed = 20;
4 O4 O2 c) R- o, y' [var contentWidth;2 \( `, G2 u5 d. b, C
var contentHeight;! ?9 u- C2 U, R0 h$ m
var maxBallSpeed = 50;2 K1 b$ \/ V+ b \. t7 ?
) [0 ~4 W% t i7 i. y3 Q' X" v4 k/ S m
var xMax;
5 j( e c3 Y/ w2 T' C0 o8 K* ^var yMax;
1 }7 O% z, l {! Xvar xPos = 0;
: w& _, _# Z3 v2 @8 Ivar yPos = 0;4 |+ C& q: |' \ U6 ?2 s5 h
var xDir = 'right';
3 B: p3 l7 ^. _* W& zvar yDir = 'down';
+ S) ]9 ?, Z: T, m! `9 r9 Ivar superballRunning = true;1 Q' Y0 O( m$ R6 V
var tempBallSpeed;: O2 {! h4 F' W/ ]/ u/ W2 C
var currentBallSrc;
$ }( Y. Q$ i1 Z! k$ {6 G6 c6 ~var newXDir;
& A3 j7 p. a5 O' Z: U# |2 wvar newYDir;
A L1 |" Q. B- k
; a C3 ]9 ~% Afunction initializeBall() {
" Z% V9 y# D6 d* } if (document.all) {# V: _# t9 c; X/ H- a) z6 O3 Z3 ?
xMax = document.body.clientWidth
$ Q Y; N. c0 Z7 A. b* r/ @9 O0 O5 d) u yMax = document.body.clientHeight+ F4 z) G! i* T
document.all("supertext").style.visibility = "visible";8 P. {( e" T+ ?+ C3 q: V
contentWidth=supertext.offsetWidth
: I6 f% e) o3 R3 R3 _$ J) q, J' C contentHeight=supertext.offsetHeight% D' U8 u# O4 }& z1 s
}
; i1 k k! J2 `0 Z: o else if (document.layers) {
' N4 \$ x1 z& L" C9 S5 K* r xMax = window.innerWidth;) g! v' F0 J' E6 t! |9 i; X
yMax = window.innerHeight;
3 r& Q! b' B* @6 s& y3 A contentWidth=document.supertext.document.width( O6 w" \. b) V) m
contentHeight=document.supertext.document.height' c/ ]/ f& b1 @3 G- I) I6 Y
document.layers["supertext"].visibility = "show";
8 s. Q2 W* x7 F% H' v2 j' G }
* [2 f, y2 }2 U8 L setTimeout('moveBall()',400);
6 g% y0 F9 k) ^/ e if (hidetimer!=''): b; _" a1 g0 d$ y! ~9 I1 S
setTimeout("hidetext()",hidetimer)
, h3 J- G( V4 C2 B0 Z& ]- u- X/ v }) f, t1 V4 i: v8 F
. `) h3 t6 `) \, t
function moveBall() {
; i( q% x# s0 h' E if (superballRunning == true) {
9 q1 g2 D- X) ~, n: o, m calculatePosition();9 V8 ]6 _& \- ?2 R$ k7 N
if (document.all) {
* D8 X6 M5 ]$ V; u4 g E document.all("supertext").style.left = xPos + document.body.scrollLeft;
2 ~# o7 ^( ]; p, p3 W document.all("supertext").style.top = yPos + document.body.scrollTop;8 t: l3 j- A+ {9 |6 w& s
}
2 n4 v4 B6 f+ Z! ]6 ~; v2 x else if (document.layers) {
/ K; o# V# @. c* I! v document.layers["supertext"].left = xPos + pageXOffset;
( O* J- z/ v5 l% h* R4 c9 _$ k document.layers["supertext"].top = yPos + pageYOffset;( T: z2 r: x7 ?. `8 Y2 R0 h1 J! x
}
6 i6 \' a' B+ R* b! P9 b animatetext=setTimeout('moveBall()',20);
) F! r' D1 Q$ g8 L2 M }
' o# R$ `9 g7 l" F2 _; C }0 s" h# ^9 M) k: w2 {5 P l5 Y
6 Q) x( A3 P4 Q" pfunction calculatePosition() {
; B: B3 U: g) ?( b" w$ _ if (xDir == "right") {& z t( y* u0 R$ y) j7 V
if (xPos > (xMax - contentWidth - BallSpeed)) {
X- r7 R# t! ^! u xDir = "left";
5 Z6 W3 s- N7 Z& i& Z* ] }
1 R, F2 j* c9 u" ? }1 z5 R6 s, X) H! p5 A
else if (xDir == "left") {' k, V0 u$ `. \2 N8 u
if (xPos < (0 + BallSpeed)) {
; R5 J& a& C' Q9 c1 h xDir = "right";4 n1 C; J: H% w% Z# T
}
9 y! G* F2 A0 G* z" W R- I }
, f8 ]& @- x5 Z' K' U if (yDir == "down") {8 Q) q1 u- s' z% n" Y: v0 Y
if (yPos > (yMax - contentHeight - BallSpeed)) {
" ?! u4 @1 e8 e0 T/ T yDir = "up";
. Q1 v, K7 W3 G; d8 I( i( N: N# C }
! F& {4 g: G$ q7 V A }
* Z* z8 `; _, M' e8 f, C else if (yDir == "up") {
" A# m# W7 J( J if (yPos < (0 + BallSpeed)) {
9 C3 G) g" n* z1 N$ t0 F yDir = "down";1 n6 c' f; Y7 y6 L
}
- [0 }) I4 K- b3 r! { }
! P+ y ?3 j7 y: a# o if (xDir == "right") {6 a+ c J- a! \# c
xPos = xPos + BallSpeed;
2 t. u, Q: R+ g3 \1 v7 F2 t }
o" ]" p& V" F2 u. O2 ` else if (xDir == "left") {8 D; x. `2 ~. p6 j
xPos = xPos - BallSpeed;
3 k+ r1 A/ a3 _. b$ M% B }
* b; {: `9 O- ? else {6 b7 j7 `7 ~# U, u3 S- W7 O- R! v
xPos = xPos;
" @ z. E! B5 u g& Q9 ]5 M3 B }
% B/ C# W" f- n. {+ F if (yDir == "down") {
" q3 W5 b; f% I& P( y. F/ Q& H, a3 b yPos = yPos + BallSpeed;2 M9 V6 E" e- L
}
! X/ Q" `+ T! ^ \$ I7 B else if (yDir == "up") {
4 i! H7 f( c0 z; H' H2 G yPos = yPos - BallSpeed;, k$ A T. I: |$ z1 j; T
}& h5 L& B* `6 P! Q! ?* X
else {
" f& E" l& f& Z0 P4 B( V: T yPos = yPos;
# Q/ e* K9 ^6 F3 ^ }4 f7 g+ B3 k/ W; b/ U
}
8 J5 D1 {/ M% ~3 ?$ G( ?+ S. b: }
( C8 [- E @8 @3 o" ~- Efunction hidetext(){! b' T$ N+ {% c2 K V3 T
if (document.all)
6 m5 m' O7 b! _; z/ }( @supertext.style.visibility="hidden"! ~: Z# Y E }8 Z5 U/ b6 L
else if (document.layers)8 s& U8 o9 S. G1 M- _7 ~& Z8 s
document.supertext.visibility="hide"
% M$ M5 j3 d/ w5 A- UclearTimeout(animatetext)6 i! h7 E, L: A
}
5 Z5 N5 `. [4 J+ I$ ~) _0 s, Y4 I9 |0 D9 y2 f: R4 E% M
if (document.all||document.layers){
) s8 g& {: P1 S) x5 `document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
( h: C# N, P) V) W: Ywindow.onload = initializeBall;1 R* J1 ?9 S, B3 `& _
window.onresize = new Function("window.location.reload()");
/ ^+ P$ c- ~5 R2 L2 W}
7 s3 Q- U- w3 e7 c" |7 Q
/ l S; P1 h$ a/ A, t" P( s" K</script> |
|
发表于 2008-1-21 20:55
|