捌玖网络工作室 » 网页编程 » 网页之跑马灯文字特效

zw2004 发表于 2008-1-21 20:53

网页之跑马灯文字特效

//修改宽度
G~kP'e U var marqueewidth=300)SJ;X2@
q\1\?
//高度g2S6Xy.br,^
var marqueeheight=25em!o,TlB
//速度(1-10)
L~;u(k:xyK n var marqueespeed=3
xp9aj9b4g*VY0X //背景颜色
fcMc_
w var marqueebgcolor="#FFFFFF"
|+`L2[9wQJ6|B //是否能暂停 (0=no. 1=yes)?
+Oq e"xM*] var pauseit=1
KV]NMv/l#Ivf gK5h'O6z)H c
//修改显示内容)_5biG T6sW-x
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>')gj(@(kTZs:n5x

:t$d%l}*Z9PK7j u#u4m,Q7a4Xx
////下面不需改变////////////5V9igE-H
I2u5~
M

|K J0RF4M s!q*[im var copyspeed=marqueespeed_'o~{u5M
var pausespeed=(pauseit==0)? copyspeed: 0Q)_pd*C om
var iedom=document.all||document.getElementById
!|0w[(BJ1@ if (iedom)*s7Ju3h-e0T
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')4BJ/G2m_ Z_3P
var actualwidth=''hBJ'v.l5e)VpY_
var cross_marquee, ns_marquee
4G?&?7v#}K6Ffs X#C,|m:s!?X
function populate(){t%XMS? u2o6KaP
if (iedom){
/eqp6kj cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
Zyp ~0S
C
y
cross_marquee.style.left=marqueewidth+8`2`+{
@7^!W\j%P M
cross_marquee.innerHTML=marqueecontentLLw.iB"{&}8wO
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
sI%l*b1I
q%u&y6J1G }
wy[G w-voj else if (document.layers){
)e)S'qt1osQ ns_marquee=document.ns_marquee.document.ns_marquee2
l3z-b3`+MN ns_marquee.left=marqueewidth+8
*r2B,KkY ns_marquee.document.write(marqueecontent)
8_ w:TY/EolT ns_marquee.document.close()
]QRVf%?9^'y%Z{&C&H actualwidth=ns_marquee.document.width
"|;pk#WX[%kvb }
|x*AN7}!A8@ lefttime=setInterval("scrollmarquee()",20)
V`f
C+[tW }GkE/r WO"c*@@Il
window.onload=populate
n3k/y V`-R
] u)WW7@8bL function scrollmarquee(){
&gwz*ghF-| if (iedom){+~w mu*Uw%^ qQU
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))Qv!S'sqWa-F
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeedxiz d7i1c
elsen^"PU1W1pL,k y
cross_marquee.style.left=marqueewidth+8
"an8G @ Y
(\`:yj+qz~S7W }X C+R(U:v
else if (document.layers){w W,JY"]$Dx]
if (ns_marquee.left>(actualwidth*(-1)+8))cNfsb*Uz
ns_marquee.left-=copyspeed
;rycN"d$L5\t elseh/G h?_7~
ns_marquee.left=marqueewidth+8c`e
O+V6S,?
}e7_5od(V-w
}
o,PF4gLX?
*j6bg1i+N$n2~"O
if (iedom||document.layers){
z#ClZ ?0ZhIqk with (document){
0k1RNx~'C] document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')F6J#LyCc
if (iedom){.Bm)} Ipn%JKaE
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
'E+R#VV2\o8d write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')4L,x-Qw@M+T#j$M[
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
#[Zn"S2r)cf|+Q)a+U write('</div>')m&B5QxZ*u
}'ao i7O1EB9p4c
else if (document.layers){4g:`
a]%S(fn/lM
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')KL6r(ut(K%z
V&P0u N/a
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
.c-r'_ jf b3`%s write('</ilayer>')
V~SL|q }
ExfH4on document.write('</td></table>');f)j?!m1Vi/ZX
}
,xl~%mQ }
zQ
e _/yYB
n </script>

查看完整版本: 网页之跑马灯文字特效