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

|
网页之不断弹射的文字-特效
<style type="text/css">
) I7 ~8 ]# z" `& }#supertext {
. a" s, W7 L, yposition:absolute;
: j: H0 A( y- y% P; E' z# C' vleft:0;0 Y" X4 F1 M3 S* B; P
top:0;
0 u2 c( L& i3 V, Y1 k( u, Y7 Dvisibility:hide;
( p# P! }- T8 k3 Z$ a$ N" xvisibility:hidden;
% h3 @/ f% H" p9 C& }& w5 z}
4 T1 P, u7 ~- i) m$ S</style>
" X' P& F J) G5 T, _1 h<script language="JavaScript1.2">: r$ q f; ~; k! K
<!-- 改变下的字体的大小。颜色-->" b9 T+ M _, Z; _1 ^ T. I
var thecontent='<h2><font size="2" face="宋体" color="FF0000">欢迎光临七色风网页家园</font></h2>'+ Q) h: r2 |; c" W$ _
var hidetimer='';
& z" W; f2 U* v9 e1 \: p9 u<!-- 改变下的弹跳速度-->- J9 L5 ]$ O* u# H
var BallSpeed = 20;( M7 v' Q* B6 J1 `' Z
var contentWidth;* C. S% c' C! E/ ~* }3 l# l
var contentHeight;/ ]) b- C% t8 k
var maxBallSpeed = 50;7 J0 R! x3 ]" j* j. Q; D
6 w: r9 O$ C2 c2 K
1 v: }1 W( O& f9 h: F9 jvar xMax;
% g: d1 a& s% s- H% Mvar yMax;
8 K2 z- R* L6 c% _: {' jvar xPos = 0;& W9 w1 z! e; ~3 i
var yPos = 0;2 f: L1 j* n- M1 H. t5 `
var xDir = 'right';* j$ y o% i E/ y- z
var yDir = 'down';
1 d5 o- D! {, \% e; `' Pvar superballRunning = true;- Q& g( f3 G/ i" D! s! i
var tempBallSpeed;/ ]8 b7 \( X) d) m2 C3 P& w! i' c
var currentBallSrc;7 O, S; S) }* _5 A& f
var newXDir;3 a1 g- W1 I) m9 E; d' N$ `
var newYDir;! i6 x6 y! E; y. M% m% H5 Z
# C; Q" t& j8 G+ h9 d2 H* X
function initializeBall() {1 }" z4 L( c9 ?' v c1 r: z
if (document.all) {
4 G! k5 p5 t% P- F: D xMax = document.body.clientWidth
) t% f* i' \' ^' r5 E7 T yMax = document.body.clientHeight
! `/ m X2 r! s' h+ @1 | document.all("supertext").style.visibility = "visible";3 b0 _. s" Q0 g5 g
contentWidth=supertext.offsetWidth
* y" j. ]. b0 ~2 f' k contentHeight=supertext.offsetHeight+ E0 n/ l: O7 ]4 H
}
7 `5 ~, B8 d( G else if (document.layers) {& Y3 v5 w0 y. P6 d' R% {# c; _4 ^
xMax = window.innerWidth;
m; w! D0 W+ J! V( O. g, C: c yMax = window.innerHeight;4 E( \. q( X! P6 x z
contentWidth=document.supertext.document.width
1 T& z- t0 l G* O contentHeight=document.supertext.document.height3 }. W' l9 I# ? v# V
document.layers["supertext"].visibility = "show";9 g( r7 W; g& v, h
}
8 v: P" X- U; E5 e setTimeout('moveBall()',400);4 ~ A% e2 U9 w3 h, \
if (hidetimer!='')
; t. w0 ~( b. y9 E- d4 w setTimeout("hidetext()",hidetimer)
# b) a8 \. M: y: R; ]& a# w3 g }' a6 r1 q+ G0 }$ o
. I8 u& e6 i; Y9 s/ @% X% @
function moveBall() {
; s6 J/ q& [: f% P! H if (superballRunning == true) {2 X- `( V3 ?2 x8 M: Q% Q
calculatePosition();9 e+ @- x/ O9 X5 U. n
if (document.all) {' }; L/ L2 | I+ [$ P
document.all("supertext").style.left = xPos + document.body.scrollLeft;
& f! K4 D* o2 E6 F document.all("supertext").style.top = yPos + document.body.scrollTop;" l8 _1 B: r7 a' S0 b0 s
}# _4 R) _+ t `5 ~ j3 m
else if (document.layers) {4 F) h+ n! x9 y/ g( W7 K
document.layers["supertext"].left = xPos + pageXOffset;
; U$ k. ?) [( W1 \& @3 Y document.layers["supertext"].top = yPos + pageYOffset;
+ C2 X4 Y# P( ^& u$ F9 X0 I1 T }) u1 d; ] D3 ~2 r. \
animatetext=setTimeout('moveBall()',20);
0 P+ X. K! Q; q# x }+ i$ Y T0 g; a G3 Y; ]
}4 P W& h6 A/ c$ \; f: \( Y
$ H) r+ F- X3 V+ j4 I! A% }function calculatePosition() {9 j; m$ J0 k0 J; F) Y- b
if (xDir == "right") {% d6 F4 e7 @- O0 n# q0 o
if (xPos > (xMax - contentWidth - BallSpeed)) {
6 F7 ~5 F- @7 k xDir = "left";7 C0 X7 y1 j' P# M2 X. t8 x
}4 o% C. G+ V8 y# [$ E; ]
}
7 X o/ b+ h7 T" _; u else if (xDir == "left") {
- O) e6 V/ m6 o if (xPos < (0 + BallSpeed)) {
* G0 C8 K: F5 X1 C( w" N xDir = "right";
; V3 O/ _% y; F( R' @ }
6 e- ^6 N# I6 x) X0 m }$ M% z% G; i4 L2 [
if (yDir == "down") {
$ f+ b! c1 J* T6 D8 V if (yPos > (yMax - contentHeight - BallSpeed)) {
+ ~ S. a. S: @' S: c* l) W yDir = "up";5 A0 Z6 p, ^5 F% G+ S/ b& X& d
}
: ?" {! E7 D5 J8 Q6 k( U1 N* z. m }
, N% Y- c( K9 K* o' R else if (yDir == "up") {& E. J: B1 J1 {
if (yPos < (0 + BallSpeed)) {
8 W* v: k$ }. x; M# b yDir = "down";
$ j* ?# v0 q, s; |5 U }
# L5 {( P! F- s. E. L( q# u! E6 U9 w }: C; H, _/ n$ M7 p- [6 ?
if (xDir == "right") {8 d" H" C8 m6 {
xPos = xPos + BallSpeed;
1 p. Y. n7 M# L3 ~, ?( L }
) Q; l: C$ O* d, K7 l; a' g else if (xDir == "left") {
% J8 d+ X, U/ k xPos = xPos - BallSpeed;
; A1 ^; f' `& m# `, X5 @! [7 X }
7 e b& W9 e2 p6 \- Z else {
& r0 J) Z# d) s( A, k, ]6 a D xPos = xPos;
0 L* E/ @1 @( q }
2 L% u# `% P; j) T/ r: V, u if (yDir == "down") {
3 G4 r* L4 U# T* t) a/ p yPos = yPos + BallSpeed;, u- E) V$ o, t [
}
5 l2 z- M$ a, z- W% q% } else if (yDir == "up") {
* V& |& k4 Z l: |) \5 ? g yPos = yPos - BallSpeed;
3 c7 u4 B }* E1 Q0 e8 ^ }
! R* w' E3 M8 C: K else {. a5 {& t- l( R# F* V, f0 x
yPos = yPos;
, W# k: b0 W. m) ~/ Y9 ^, [ }' I% |" R: N, S8 `4 l
}, Q' [0 b6 w& Z% ^
; Q( E' A6 \! afunction hidetext(){
3 H3 q k4 d8 P; H6 p& {if (document.all)/ P: ~! H4 p" @" i
supertext.style.visibility="hidden"
9 f0 B, G) x% Q1 r& ?9 zelse if (document.layers)
' ^! G& Y3 \; D7 Q2 V) R2 J8 |3 Odocument.supertext.visibility="hide"1 s' z8 D. o% h: G
clearTimeout(animatetext)
( z# L; j4 k9 B2 z" {+ D}
8 Y4 |: ~0 x2 P ?2 o3 ?$ a# ]0 ` U4 p1 Z( s
if (document.all||document.layers){
$ K" u% w9 d8 |$ X Q! F& Q- x! }document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')' X) j& V3 q9 @! e
window.onload = initializeBall;# P! u* n" Z' T9 D. d7 K l& F7 T
window.onresize = new Function("window.location.reload()");( N- X* {, l2 N- K6 a
}' }1 ]9 b9 a: G' V! X( i3 T
& l) f* F2 r+ m3 X# z' v4 X9 M; G
</script> |
|