网页之跑马灯文字特效

zw2004

//修改宽度
; C3 a. s0 H& ?! a  Kvar marqueewidth=300
5 u  J( u/ B' J- i//高度) M2 `5 g: N( _
var marqueeheight=25
  I2 e( ^, E3 A0 @* u' q//速度(1-10)
/ X( j+ I! h+ y5 g. I- Bvar marqueespeed=3
% i' d  r+ u# K( I0 g4 m//背景颜色. W: g" v" f2 V/ G% q7 m
var marqueebgcolor="#FFFFFF"4 ]% ~; l+ i: {7 x$ b$ I. o
//是否能暂停 (0=no. 1=yes)?; N0 c8 Q& B0 v4 g! L4 e9 i! m
var pauseit=1
0 u2 L1 d; f. z* a" B- \
% A8 B0 u% n! V7 Y( H( A& p//修改显示内容
4 ~: W" k( `7 r4 u$ r( \  avar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'- a/ b# k0 \* R7 [
+ M. d. N/ ^, H* F0 G0 k; T
: e0 [; j0 ~/ s; o
////下面不需改变////////////9 P# E' w: O8 N$ A$ _

1 i* ]/ T8 H) Svar copyspeed=marqueespeed
4 `8 ?3 U: G; {var pausespeed=(pauseit==0)? copyspeed: 0
# z; F1 i- S$ R5 }* q+ Cvar iedom=document.all||document.getElementById1 j, M- ~; M+ K- T# j4 x6 g
if (iedom)
4 p- m7 k$ C4 Wdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')' a5 W( c8 A6 \+ F
var actualwidth=''$ a" [0 `* e* J8 V) N9 I
var cross_marquee, ns_marquee  R+ e/ S! ]' M0 J' `/ B

8 u2 Y3 W8 o2 tfunction populate(){
- `* r4 j$ f# r, d$ v6 {; Jif (iedom){
; {% l/ @! A8 Gcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
" [- _& E9 j0 Jcross_marquee.style.left=marqueewidth+8
. N9 N/ Q% Z7 D# }" ~cross_marquee.innerHTML=marqueecontent& }! ?" r& e$ G
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
2 @' T, {6 b9 H& ]9 n' R}1 g% Y( {' m( z$ l
else if (document.layers){
+ N! I- Y; F7 m+ d& Mns_marquee=document.ns_marquee.document.ns_marquee2$ K, X- R: h+ i4 |9 Z/ B; ^2 s3 v
ns_marquee.left=marqueewidth+8# r& [6 J0 p' N1 ^* \# z
ns_marquee.document.write(marqueecontent)& M4 z( H3 Z7 Q" D- w
ns_marquee.document.close()) ^% x* i  [; ~. c6 V( I; L6 r
actualwidth=ns_marquee.document.width# M4 x2 |2 d+ t7 R) _. I' c
}( B# Z0 t6 @3 V, n
lefttime=setInterval("scrollmarquee()",20)' }8 y" c* ^! [; C2 @- D! W: E
}
+ Z, [  j/ k# A! e  L; `- Y) |( ewindow.onload=populate+ Q) ?1 P6 @- y) w+ f

" N+ q( {8 \4 B0 i$ ]8 Bfunction scrollmarquee(){- s( {1 D5 M- K) j: _6 I
if (iedom){6 N$ m3 b4 g* v4 k
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
9 L8 |  y6 p$ D* `  b6 ^cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
% x, ?# e8 D7 p4 a  x1 ^else, m: H. p) x. Y$ Z; O
cross_marquee.style.left=marqueewidth+89 K, `: c* H; p" ?
& {, F9 i3 F( a# i' p# r2 e7 ]
}
, }: I. y( ~7 Y3 O+ ]% aelse if (document.layers){+ i3 X; r; }; D) y: M* n# c
if (ns_marquee.left>(actualwidth*(-1)+8))
, l0 ]( l( t0 ]# s: Kns_marquee.left-=copyspeed
9 J+ F& J! \$ J4 Xelse
$ ]0 _; V0 l9 D7 z" E5 Fns_marquee.left=marqueewidth+82 r. u. @2 ]! `$ @
}
  K, d$ Z: i7 S5 B/ B2 e* u}
, }( r6 j/ j! V2 N' E3 D: `/ f; I" N7 O2 a) h. i! E
if (iedom||document.layers){) G/ H1 g3 c" w/ B! V9 ^
with (document){
$ Q- d5 n8 L& v8 X% gdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
" R1 t0 m( n7 U! A9 ^7 w% K, v; K5 Qif (iedom){
/ p" u& `3 g- mwrite('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')$ F+ q6 R3 m  c" D2 l9 }
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
/ V8 {5 |: Y7 K- r4 `write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>'), {( s' F) q- ?3 W: K1 {4 R- _# W4 T
write('</div>')' [' u4 B7 I% J3 E9 @3 f/ F
}
2 l2 P& T8 v# X$ {! g; ~' Ielse if (document.layers){
  w( c7 d3 Y9 B- \0 Swrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
" A, k' L6 t2 Fwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>'), ^. _7 F3 F$ M! G
write('</ilayer>')
6 [$ u: @" D( w* N1 W/ m* b}- u5 _+ C; ~7 D% Z3 u1 m
document.write('</td></table>'); x- z  u1 U# W+ |8 p0 G
}
# O% B( E7 d% O+ n* _7 X$ ^}" T3 ]5 C& Q$ g% N8 X! v8 P
</script>