网页之跑马灯文字特效

zw2004

//修改宽度
- r1 F& X& g+ Ovar marqueewidth=300
+ L2 L' O( r. Q; t3 R2 o//高度
  [  {; {1 m+ A7 ]var marqueeheight=25
5 C( u8 \5 u/ z# R//速度(1-10)0 h3 J7 F+ Y  F/ J
var marqueespeed=3$ L6 D8 q; S  p$ f: T. B
//背景颜色% X( s% Z, K- P
var marqueebgcolor="#FFFFFF"8 e- I0 }& ~) v$ }) _6 s
//是否能暂停 (0=no. 1=yes)?  u( {5 s% D8 P% M1 p: v  P
var pauseit=1& s: }$ m5 _/ L, M* ]
7 E  j4 s0 q0 p
//修改显示内容8 E/ K' |: `: @. P+ {
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
) ]$ _2 ?, u1 X( q6 y( ^5 e1 \) Q8 e. S/ h, W) h
$ s" v# E& i- y! R; g
////下面不需改变////////////
: U/ [3 y0 q( ~
0 R( T8 k0 f& N- t7 yvar copyspeed=marqueespeed
: Z$ m" F1 Z4 h4 X1 I+ i2 i* U7 [var pausespeed=(pauseit==0)? copyspeed: 0
9 ^1 Z  ^+ K: C7 P9 U* Avar iedom=document.all||document.getElementById: q3 E6 ~5 E1 u0 q& x4 R- W
if (iedom)
! J! D( d& \8 [5 y* Idocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
# q* F" h" X0 e; s# Xvar actualwidth=''
0 P& }" B  f/ y, M# {. @. Kvar cross_marquee, ns_marquee$ Z& B, ^3 L+ v6 v. m
9 k, s% B3 ?, [7 Y! A! c  m& O
function populate(){
* U1 O. j; e( I1 F0 G1 s- s* Tif (iedom){
; S5 \1 @8 N3 X1 v2 H6 l. Mcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee7 F' E5 J3 F4 c
cross_marquee.style.left=marqueewidth+8
* w6 i& y: \# ]. P- ?. }cross_marquee.innerHTML=marqueecontent( ]9 _/ N  ?; t! ?
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth" {; L8 H( K9 r0 x7 I3 D
}9 |$ m5 w+ W3 k3 q( f( x
else if (document.layers){
: v+ n8 q2 D' u% g- j# n  }ns_marquee=document.ns_marquee.document.ns_marquee2
3 F) r3 T3 j; {6 sns_marquee.left=marqueewidth+88 c0 L2 C) u' V& ]
ns_marquee.document.write(marqueecontent)
, b. h$ {$ c' V  k+ S+ K- h" ~ns_marquee.document.close()
" {; U# ~- u2 P& E) A2 {8 Factualwidth=ns_marquee.document.width; `6 X/ `2 @4 q8 f: Q
}
9 f3 |7 T8 W3 ]8 M: K7 w- klefttime=setInterval("scrollmarquee()",20)
6 H9 i8 `' {- x- |- h8 b" C}
5 K2 d0 L$ a9 C9 ^% a9 P4 H9 Cwindow.onload=populate
3 |9 \% P1 S" O0 ~9 I, I( X0 r
0 b! J- W- U! a) i. }+ |function scrollmarquee(){) Y- ~! A/ H6 |5 _/ |* [
if (iedom){
5 q) A% \" _- Y9 O1 F# a6 }& Z; Lif (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8)); J+ t8 D; X5 W  j3 n0 T
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed2 r: Z& ]& H- V# v
else
( O3 a3 j- I. d% _6 ~% r6 s0 fcross_marquee.style.left=marqueewidth+8
  t- H& I3 }( L7 T2 z$ v( U9 k2 K! Q
}
! d- U, k  U# w- {, l- X' relse if (document.layers){. `+ `* @  s8 l$ y: M2 u+ K% k
if (ns_marquee.left>(actualwidth*(-1)+8))
$ @/ r/ t5 b- Q2 \ns_marquee.left-=copyspeed& E" t' W- O7 D. v9 p# o7 }. j
else, j, ~) d5 X% ~) ?  V1 B
ns_marquee.left=marqueewidth+8
8 q3 x) g8 c% \}, F# e( j0 u6 m' ]
}* @/ p8 Z7 x. q) V$ a* R) b% j8 g% _0 c
  x1 ?+ i' P/ h0 ~6 W
if (iedom||document.layers){
$ @2 j) o, g& B$ Owith (document){
. {9 N: z( `, x. j5 h) i+ rdocument.write('<table border="0" cellspacing="0" cellpadding="0"><td>'): [* U7 ]. h- H. D/ P
if (iedom){/ I6 A6 b5 j! O( M' L, N  e* C& ^5 Q1 ?
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')) t! H3 x" N: {: n) h: V
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
  l# }0 {3 F; `$ N, Iwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
  x) U4 Z1 Z* o- L+ dwrite('</div>')
, H9 l' r+ y2 K}
1 j; f* w3 D6 ?2 melse if (document.layers){) Z/ k5 u% Z0 \0 s  |8 C- ~! v  T  `
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>'), e# {5 U" J! \' }
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')1 ?/ ?# d+ Z4 W1 f* }2 F: V5 t
write('</ilayer>')
7 A/ k+ m' @: h}
3 X( _- h- \$ r7 M# C; sdocument.write('</td></table>')/ z5 P0 ]( W! }) K
}/ c5 M. B, e6 L! l+ f
}
( E5 @3 A' \. d  }. R% q, X1 Q6 h* X</script>