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

|
网页之不断弹射的文字-特效
<style type="text/css">: ^! @2 i9 @4 P+ w. `
#supertext {
2 J0 k {+ ]* Oposition:absolute;
! O3 @7 Y7 C& q1 E: L6 @left:0;' R4 @1 }: e5 m$ k, X3 B9 z3 e
top:0;
8 w! e) L1 P9 g( N, zvisibility:hide;$ W, I. U& @! a( \* x
visibility:hidden;) F: {0 p6 K d$ I3 m
}/ C, r$ Q: S' j! {
</style>1 [1 y3 e: A& g8 W5 n4 a
<script language="JavaScript1.2">' ^) s3 s( H% G
<!-- 改变下的字体的大小。颜色-->
3 M" c6 Y1 X2 O; o" Dvar thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'
1 X# G2 e& h$ R, i% q( v: \var hidetimer='';
6 r5 o& {; x4 r0 [$ G9 ], w0 @- g<!-- 改变下的弹跳速度-->
1 p8 o3 K: x% O: O& zvar BallSpeed = 20;7 m$ }2 J) c R( m: H/ O
var contentWidth;
8 c& j& f2 s. F9 v- G* o, jvar contentHeight;6 w# Y8 @, Q9 w
var maxBallSpeed = 50;; D, g- J# N4 x/ K5 A9 `/ c7 w6 t
! H- S5 v* X" L8 P9 j/ X# s' V8 [
/ ?$ @. P O9 k& a! W3 P& Y5 |. qvar xMax;) v" f% H/ U) V# b( [. Q9 J
var yMax;
" N( m% h! S& p# u4 C/ {8 `* Zvar xPos = 0;' T9 z/ T$ z6 B! l4 {) i4 h5 e
var yPos = 0;/ w% h8 i* {$ H6 s8 i* p5 G8 e
var xDir = 'right';; b4 M0 p# W7 |' |$ |
var yDir = 'down';
3 Y( d2 m5 i! T, Q1 r2 T& uvar superballRunning = true;
) I, J/ E3 F# K/ y& I* _2 I& Ivar tempBallSpeed;) J; C c0 q2 p5 H% U4 C
var currentBallSrc;
& A L& p$ X6 E Ivar newXDir;, U& h# G' x- J; d ~1 |* \5 c
var newYDir;0 u% J/ G6 t2 O
' K$ x6 X k* T9 U. f4 }* _function initializeBall() {
( [. _& l; }. l& L( Y. t if (document.all) {, P) F5 D" d. w6 k
xMax = document.body.clientWidth
2 Y# d4 `6 e, x3 m" |5 V yMax = document.body.clientHeight# {5 @6 n+ i' n1 c- V. s- j
document.all("supertext").style.visibility = "visible";* f( ?& H' v3 h1 e
contentWidth=supertext.offsetWidth2 r8 s1 D% g6 V" H! B) s! `
contentHeight=supertext.offsetHeight
; V) A' [( \: T5 W }
8 U) c3 ?/ K' u# Z: K1 j else if (document.layers) {
" s. G% f9 J8 s p( W xMax = window.innerWidth;
7 C# V$ K3 b2 D k, @1 v# E8 r yMax = window.innerHeight;
' ~0 C! @0 E `" J contentWidth=document.supertext.document.width
% v! R. e' o3 U! Q* V1 F$ e! w: j: Y- x contentHeight=document.supertext.document.height
' v* Q7 I ~3 }2 r5 f1 { document.layers["supertext"].visibility = "show";
! @! b/ o8 X' V7 E( N }( q# a! `; F! t$ v% l4 k
setTimeout('moveBall()',400);
3 x( [/ ^0 J3 L: J if (hidetimer!='')8 N; d- a& e" Y; b
setTimeout("hidetext()",hidetimer)
* g$ I/ O8 r2 d9 r* V1 Z; p }
) v9 Q4 `! J G+ R/ ? D: @7 P, G8 b# L, @* n: b; x
function moveBall() {) U* d3 y( f) c
if (superballRunning == true) {- }1 A4 H5 H* S8 _
calculatePosition();
- Q8 S' e, o# T2 J* m if (document.all) {
. c# j. {) t, b' B. ?7 b document.all("supertext").style.left = xPos + document.body.scrollLeft;7 U' ^/ n6 m0 y; t' O% g4 l, X6 b( |
document.all("supertext").style.top = yPos + document.body.scrollTop;. C8 M$ x5 q8 {7 B- x R' D
}0 K6 Y9 l: v6 _
else if (document.layers) {' [4 H6 a/ l. `
document.layers["supertext"].left = xPos + pageXOffset;
; x$ ` \8 ?( i document.layers["supertext"].top = yPos + pageYOffset;
# d( z8 ^! h, s! V }2 b( z. N% ^& w: C) o0 g- T& S
animatetext=setTimeout('moveBall()',20);
+ s6 N' }* |! |$ g }. K* k$ }, i' f n* B
}
+ n$ z& \1 i2 D5 \" K. G# n% I g+ @7 ~) J
function calculatePosition() {" v. l+ O" E) D
if (xDir == "right") {9 B# o: @+ S) k7 P
if (xPos > (xMax - contentWidth - BallSpeed)) {1 H! X3 r0 b! s4 G8 P" Z
xDir = "left";
6 @8 e* D, L, C1 M1 M8 M6 _ }
+ E7 Y* R, [/ @! l# F1 z" s. m }
7 x+ | o4 X" |0 \4 A else if (xDir == "left") {
' l7 \8 n' ], h7 ~ if (xPos < (0 + BallSpeed)) {3 S* W/ C: h; d4 {, a o3 z ?; F
xDir = "right"; Y' ]' z7 ^0 l9 u" n* Q* H, X8 v
}
% ]/ M: b4 m0 V5 ^# y+ l1 ] }2 z" J7 {: ~0 P) d6 X' M' o
if (yDir == "down") {
2 d! d% v4 }* e9 t- o if (yPos > (yMax - contentHeight - BallSpeed)) {- g1 w; ~/ K' J8 m1 @
yDir = "up";
! J& D. h; \ n: Q$ }7 w6 \; \( e }! F3 \& a u6 ], q, R
}
1 {7 T6 ]) J8 q else if (yDir == "up") {* a3 S, f" H8 h! }* ^6 |4 r
if (yPos < (0 + BallSpeed)) {
. C7 r- {! ], ~. o5 A2 g yDir = "down";
1 f! E) j; M/ x }# d* d! f! w8 c p' e- i; h
}# G4 V. \5 w9 [
if (xDir == "right") {
; Z" f0 |* z$ q xPos = xPos + BallSpeed;2 S. r5 E/ V) n5 [# C/ E0 h# f
}
! |% D2 c+ Z( g. N else if (xDir == "left") {
8 [ ~$ x5 {: Z- H xPos = xPos - BallSpeed;
1 h& @$ _6 I1 E }. y2 O2 i" {! M! _' K: x
else {
# @: U7 f% Q- L" g0 b7 c9 w5 T L xPos = xPos;
( J7 A8 A0 U( n" ^) m; o0 O# r }
% }- i) E8 P. Y- _. m6 A if (yDir == "down") {
& c/ J7 G; n7 A3 D. G+ r W0 Y& Y yPos = yPos + BallSpeed; T, X# o9 ^9 ^) s/ a0 A
}
$ y. y% T4 Q. n/ W' U0 K else if (yDir == "up") {
3 A% X; }) J. u! Q: V- U0 u% x$ f yPos = yPos - BallSpeed;
. |5 {+ F5 W; i9 b* Z" H9 n6 g E! l ` }
8 N' Y# @2 l/ a$ {& X2 V, m else {9 @& ~2 u% G/ d' I7 k- J
yPos = yPos;
$ V+ A5 a r1 [8 d }
$ t! W' ^! x* l2 r% Y/ C }
7 p" f% f8 e S6 B4 s* v) U2 J
$ ]# H4 Q# w& bfunction hidetext(){; F; J- V- l% R/ \
if (document.all)
& L5 |2 d( U/ x1 Hsupertext.style.visibility="hidden"
: \) B& I. T3 k1 Uelse if (document.layers)
2 e' u: w- |3 k* O! q# E/ wdocument.supertext.visibility="hide"( e9 e! R3 X* i% y1 c8 F9 u6 u
clearTimeout(animatetext)
5 M' {, F I) _# B}) G# G, o+ G/ Y# }* V# T* w
1 I" Y9 @3 \$ F! C) o: Z% P( S' k5 T
if (document.all||document.layers){* N/ T+ R. \4 {9 H0 g) u
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')6 Y0 q2 Z* i" q$ X9 |" K$ [) x- ^( [
window.onload = initializeBall;
L/ i" q& U+ Q/ fwindow.onresize = new Function("window.location.reload()");
4 p; m$ b. g. P h; J; n# j, e5 S; ~}9 q' Q, t- }# r, j9 \
4 S6 q" K% g2 i+ U6 T4 Q3 X7 `</script> |
|