网页之跑马灯文字特效

zw2004

//修改宽度
8 e; {* L: _& N) K' p5 A  K: Ivar marqueewidth=300) W/ @6 S$ s2 F; j2 W
//高度
7 t2 J* {) S1 ~; p# {+ d  yvar marqueeheight=25
  ^" i3 b7 u) z% `) H//速度(1-10)
' g6 I( I% {1 m7 K3 x, A: \var marqueespeed=3
5 h3 }+ P. c5 S) L' O5 d1 z7 T//背景颜色
5 m. Q, s4 T: O7 fvar marqueebgcolor="#FFFFFF"
  T, k. ~3 ^' v- P8 v( t//是否能暂停 (0=no. 1=yes)?
9 x4 i8 h/ j7 e! E3 vvar pauseit=1
/ I. B1 l& m( ?; [8 ^2 A; Y) J1 F$ g, f  M
//修改显示内容
3 |+ V. V! X5 A  m7 L6 qvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
. H! L9 d: {9 I; X& \5 f# G4 v$ n2 S4 y- B- A7 p2 K- G3 m4 z0 k+ w
) ^1 r' }# [% ?7 M4 x* q
////下面不需改变////////////
0 L* m/ ]2 q5 c& g$ m) G
- R% L7 f0 H' y4 Rvar copyspeed=marqueespeed
7 H5 a0 S2 q2 U8 Bvar pausespeed=(pauseit==0)? copyspeed: 07 W. ]( ~* Y# V) L4 j- A  `
var iedom=document.all||document.getElementById% a- z4 {9 z3 r; Z0 i+ n  T3 {
if (iedom)% U$ |: G. u5 L9 a+ Y
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')# [& E" C  H6 y5 S+ @3 ?  q9 }
var actualwidth=''
4 Y2 {9 y: d( `2 H9 X: X; x) Xvar cross_marquee, ns_marquee
7 V2 h7 A, y! ~7 ]) T
5 J& g' Q% h+ lfunction populate(){1 [+ L* S# g/ C; C  Q5 R
if (iedom){6 \1 a7 n& V' S9 |$ V+ z
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
: X4 p$ o5 O( Z5 y: r2 ecross_marquee.style.left=marqueewidth+8
" W$ s% }/ e' L, G% Kcross_marquee.innerHTML=marqueecontent
1 z' e  M9 y8 }8 t& i1 W1 Qactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
$ U6 q3 y' `, r' c  H! n5 s}' v! F6 Z3 J) _9 D
else if (document.layers){, U, ^2 G5 r# @) M
ns_marquee=document.ns_marquee.document.ns_marquee2- v" X; [+ C. p
ns_marquee.left=marqueewidth+81 u5 M+ j6 x* Q) i% w- j8 C
ns_marquee.document.write(marqueecontent)
8 p' p" g3 i% \  V, f$ P2 s+ ]ns_marquee.document.close()
4 S9 A5 N( w; M# @- F* A( sactualwidth=ns_marquee.document.width3 `, B) ^- g" p! S( y
}
" d& @. }. C4 j5 N' k6 E" S  r( i" m8 @lefttime=setInterval("scrollmarquee()",20); o1 W9 `( s1 ~+ W0 ^9 U8 V: r# D
}) p1 g; E, i+ _  X
window.onload=populate
$ e+ B6 o# T) o% g1 |1 \6 k8 k$ h8 H; E$ b  c0 M$ B+ D5 N
function scrollmarquee(){
6 S, \! c6 R2 Z2 bif (iedom){4 f' U) j5 o! Y2 q3 z
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))& o7 O3 r5 r* ], m& p% U
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed4 W% z1 ~0 q  K6 e
else/ B+ S, H8 L6 G5 |/ M# C, o1 h4 W
cross_marquee.style.left=marqueewidth+8
# ?5 ^- L4 T4 I  M" l  d3 v5 C2 Q, N0 h  Y( k, m0 ]# c
}& W0 [2 a1 ~1 h
else if (document.layers){3 y/ @* B" a: d
if (ns_marquee.left>(actualwidth*(-1)+8))7 j% O) }0 A+ b
ns_marquee.left-=copyspeed
' g9 i& y/ D  k4 Q$ P4 M2 melse  o/ a6 f& |4 F1 {: N4 _5 a
ns_marquee.left=marqueewidth+8; K0 O( z# z& i1 z& \
}$ F( y! `% b7 v; g
}
2 H, M, @5 O  K. D2 [* w1 f. O) m" _
if (iedom||document.layers){
& F1 S* J7 l' jwith (document){  _1 r3 d1 w5 {. |
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>'). C, g/ J; `. `
if (iedom){5 Z/ ]; T, O6 f3 {* D
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')3 p# p! ~* U) V& c# W3 p
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
+ ^7 n) `- m4 y; b" o" L( u- lwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')& u5 ~+ f* L) c# t) X" M
write('</div>')
& ^0 A/ P$ @4 H3 `  w- S4 q}! M; u2 v, H8 l& y4 _
else if (document.layers){4 O; [, V, Y0 N5 {# O2 k
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')1 Z$ S  o, Q2 R( [3 Y& c+ O( J
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')/ t' ]4 e0 Z- _! d  D
write('</ilayer>')
7 h8 L3 n1 M1 ~* o7 ?3 F4 U! Q}8 T' z; T$ r8 o4 z$ v
document.write('</td></table>')
( w% D$ E( W6 T2 n  M}5 g  Y) |4 O7 ]% V
}3 d- F' s: u$ X( l! L6 u
</script>