网页之跑马灯文字特效

zw2004

//修改宽度
$ d3 p3 }7 m9 w. J% lvar marqueewidth=300
! O. _* G- r5 B; y//高度! J1 X" k" n2 w: S; b( B% \) y& J
var marqueeheight=25
3 G( q: @( {$ y5 E, h//速度(1-10)% Z  Z% |0 O/ V9 }% c, J
var marqueespeed=35 X; a# e  t$ D+ ~
//背景颜色
+ ?- `6 B0 e" \1 Z4 evar marqueebgcolor="#FFFFFF"
. l; E: g, W! t//是否能暂停 (0=no. 1=yes)?
  m. c7 Q1 s) g! M" Zvar pauseit=1
# f& _1 I7 b% X" c$ u; h" Y2 x* W* B3 V" u
//修改显示内容1 s, ]8 A) I+ m) `# Q+ ^
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
1 v* {8 I5 y) M  S% x0 p) V2 v. h; B% h5 \- ]* w; s

+ H3 {: A& Z' ~: g) X' F$ A////下面不需改变////////////
' A$ a! M7 m6 ^* T" i1 N
7 j' n) {4 C3 Hvar copyspeed=marqueespeed, E) ^% F( a8 F% R0 V0 W+ y+ N
var pausespeed=(pauseit==0)? copyspeed: 0
+ X+ e' K; q/ s- N- Rvar iedom=document.all||document.getElementById
' X5 w5 [$ ?+ i/ ^( nif (iedom)9 s, H! G- _- \3 D) {
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')- k: Z9 N7 ?4 i$ z  h' D
var actualwidth=''8 \  H5 @! t8 @' s2 w
var cross_marquee, ns_marquee
) l9 p7 q& \+ @2 P
" o# M, S5 m, d) F; sfunction populate(){
; D7 p7 u9 t; f% z  h- rif (iedom){6 s1 G1 @/ B, @6 X& M' S  k. N
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
# p9 g3 i7 W. z4 ucross_marquee.style.left=marqueewidth+8) ?6 U% c, a7 ^* H6 X* t
cross_marquee.innerHTML=marqueecontent
; ?0 ]2 i1 D7 Z  kactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth; b( m( |, V" z2 H
}
3 @& {+ c8 A* s* U, z- P* Xelse if (document.layers){
  Z" ^4 i; t2 u" h) Gns_marquee=document.ns_marquee.document.ns_marquee2
+ l: A  L0 e: bns_marquee.left=marqueewidth+8% v9 T2 p! N+ k
ns_marquee.document.write(marqueecontent)/ R- ]$ A" m' W1 }5 r. M( d9 B) I6 I
ns_marquee.document.close()
: [; a/ c0 Q" g: Wactualwidth=ns_marquee.document.width+ s! e3 l& J  i/ X, U4 m( e
}
; S% q1 f- Z, e1 {1 ]  m2 v8 l% Dlefttime=setInterval("scrollmarquee()",20)2 B, E) |4 C& B, ]& R  w7 u& A  P
}
7 j1 _9 ?' U. O, }5 _# e- xwindow.onload=populate7 A4 Z. U7 q) T

$ U& g/ ~* w6 T5 m2 R# dfunction scrollmarquee(){  d  F, @0 d) O  z! {9 @6 i
if (iedom){+ H+ z& g3 _$ {; I
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
$ ]& D% D  g' `% u; }+ |3 ^cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
) Y: ]) R, @9 y# o7 I, U9 X( c  _6 jelse! I. C7 m, `( I, w0 f8 w
cross_marquee.style.left=marqueewidth+82 H) l5 a7 x4 D7 r+ {5 P6 n

& [; i( D+ F7 N3 [! w1 ~}9 @0 s- m; n2 v
else if (document.layers){* K$ `. T9 q4 S6 s8 ^6 P: k8 n1 R
if (ns_marquee.left>(actualwidth*(-1)+8))# {0 l" f2 m4 J8 Z2 @/ e- Q# y
ns_marquee.left-=copyspeed
3 ?3 B+ a+ Q0 ^+ |else
. H5 |- N5 }$ |& u8 Wns_marquee.left=marqueewidth+8. |, C/ @& Y( m" V) _  Y; v7 H
}- x# ?, A3 b* t& `) e+ s; k
}
6 z- r/ d3 _- d0 C) y) r. d' B* @: @" P3 S1 {( |  |% g
if (iedom||document.layers){
/ S  O" A5 {% @: U6 L; x7 ]% M; awith (document){
5 s5 d" o6 a% b: U9 s9 _document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
1 `$ H! D' ^' lif (iedom){7 L% f+ y0 `6 `) G" }
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
) P, b0 }  H$ h* u7 Y8 z6 \write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
* w8 A# K7 K7 ?5 f7 h8 m9 Nwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')* T* ]! f( \( {
write('</div>')7 r. I) A% j0 c: y
}3 w7 d# S/ q0 m7 ~) j
else if (document.layers){
# U9 o) A6 n$ J2 v9 Y4 x& ~write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')9 }4 h- v7 v( g$ C; g- u
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')* e% J/ \, X' i. x% {- o( p5 s
write('</ilayer>'), a% W/ X3 t8 |* ~3 i1 o
}" }* h0 }) H- @. r) i: e: F+ s1 b' p
document.write('</td></table>')
  @# i- r: b( E" r& f}1 O6 y/ B- A! |9 m7 s2 e" i
}
  z- r; {2 k, [7 C. b/ }. U</script>