捌玖网络工作室 - Powered by Discuz! Board

标题: 网页之跑马灯文字特效 [打印本页]

作者: zw2004 时间: 2008-1-21 20:53 标题: 网页之跑马灯文字特效

//修改宽度7 R+ w: b% V4 H  @2 B! b" d* s
var marqueewidth=300
//高度) S( Y4 s) @. I0 s  I; `# I5 B
var marqueeheight=25
//速度(1-10)) x* o/ R+ N) Y/ m0 G
var marqueespeed=3# t3 B( R% b- F/ r! K- x. y- X/ E! o
//背景颜色# V9 u$ ~. X3 K0 s9 u6 h
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?* N5 ]) q% ?$ y7 J& `# H
var pauseit=10 ?% b6 n4 z# W  p" F
; q) C( i* W! o0 n* A( t
//修改显示内容- u# m& l  v. W5 j  B' M( N
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
6 R4 W' `+ {. |3 m
5 ^5 m, _4 j& r+ F9 [
////下面不需改变////////////4 \1 k+ Q/ f2 E# I+ P. z
' B+ R9 V. d, m
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0$ j1 @$ \# L4 [) M& m, A' h+ k: T
var iedom=document.all||document.getElementById
if (iedom)1 T0 P5 B8 l+ R9 K
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')" X) b+ ?, f2 }. }. X
var actualwidth=''
var cross_marquee, ns_marquee' }) h" K' ]$ q
  X$ X" ~* \9 \# u
function populate(){6 h& {/ ?2 d* u
if (iedom){4 c3 F3 ]: F- D& F0 Z
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent9 |: X9 x# y2 Q9 l! ]( B
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){$ X9 Q; \1 @' p/ g2 g" D
ns_marquee=document.ns_marquee.document.ns_marquee2, ^9 n2 A  Y  Z; @( @4 @! A/ w
ns_marquee.left=marqueewidth+83 ]2 A* c( l1 p6 U$ i% x+ g* t. \
ns_marquee.document.write(marqueecontent)* _# f8 R; |; C! S4 W; n
ns_marquee.document.close()4 Q8 Q/ j* U6 Q
actualwidth=ns_marquee.document.width! N% @) E7 V  b& g6 D$ r$ t
}5 D$ \( q3 z' v' c  ]3 u" k8 k1 T
lefttime=setInterval("scrollmarquee()",20)0 s% z6 y$ j; S: V
}
window.onload=populate  \5 `3 w* X/ w9 O( v- m

function scrollmarquee(){
if (iedom){/ H2 T6 T+ C4 o0 {8 d- ^/ }
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))( ]& [# y7 l: X( w* y7 J
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+87 u7 s& M3 w3 i! _+ w) M; x" l
8 A  r$ p  v, v' B0 Z: Z' v
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))+ r* _8 m9 v7 b$ C
ns_marquee.left-=copyspeed, E3 \; y4 a2 H: j; D! \8 l
else
ns_marquee.left=marqueewidth+8
}
}' j$ A3 q: @/ _% [# k
- h. S8 a, F, n/ L2 ^" `
if (iedom||document.layers){- O2 K5 A$ X. W  M
with (document){' b8 r( r" ?! E2 V
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')  n8 \9 g! Q7 l; }' U9 |8 r3 X& N
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div>')& _" P) e4 T% p. ~! G$ J% o( j
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')% Q. O4 r' s  ]2 x
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')# j: ?) h' Q% y5 P( e+ j
write('</ilayer>')& q8 }, {3 H; k' g+ D6 Y1 E$ I: }' X
}+ v/ Q: F% k" V: J0 `, i7 V7 x
document.write('</td></table>')$ @5 x6 s9 Y6 ^+ R, O
}) y  h9 m) k$ Z& a% }
}
</script>

欢迎光临捌玖网络工作室 (http://89w.org/)