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

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

网页之跑马灯文字特效

//修改宽度
P_"n?|e9a var marqueewidth=300
![^"E2fSZ4ku //高度$eTw6R-y,]4O)o2yU
var marqueeheight=25
X2gHqy0qpM+v(i G //速度(1-10)
E&},fI(Fe var marqueespeed=3
YOi1XcTF5e //背景颜色
4v5MS`0N9\h VM var marqueebgcolor="#FFFFFF"
$G5kYH7u D4C@0M //是否能暂停 (0=no. 1=yes)?VA1Gh m$G J&CD7v
var pauseit=1|(onmX6E [

|LVW_3l,}V //修改显示内容K(@4FE&Rx_~;X M3}
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'VPG4Eq^v
+R7|}1KQ6_0k#A9n

jS0VH6{0r ////下面不需改变////////////wq2f)Rl

3T/Q'xsp#YW!~y var copyspeed=marqueespeed
\(],DC$b[,]%a var pausespeed=(pauseit==0)? copyspeed: 0
x4g6NQ"E%EGE var iedom=document.all||document.getElementByIdI4O C`mt4U{
if (iedom)
MvOUxF&p document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
E/H1P5A-_c var actualwidth=''
Nk6p,U!ryRB,~ {K6Q var cross_marquee, ns_marquee
-^o.] t
@ \h!s
JZB
function populate(){
WK1C#LcOrN if (iedom){
/j$i/T9[;_(G cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
)M0KG1V2q)u^
i$qO#E l cross_marquee.style.left=marqueewidth+8
7N}2l? _eI cross_marquee.innerHTML=marqueecontent|.Y*b&c;K)Pi
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
QhM%T@ n?
Qs }
KyZcb.Rz!W,x%o else if (document.layers){
h-Rc Hy ns_marquee=document.ns_marquee.document.ns_marquee2/NGl-Q`.xR]U'oq[
ns_marquee.left=marqueewidth+8+V$B/dZP
ns_marquee.document.write(marqueecontent)
!y&mI(_JE ns_marquee.document.close()+t"s/N w3yr)_ V"JA
actualwidth=ns_marquee.document.width"V3V&Jhrnf
}-]*I:Z5QDxx-Y7p
lefttime=setInterval("scrollmarquee()",20)
nI;E q3^xDLKKy{ }]3JAd1uMKyvr
window.onload=populate
&_.V \)Z4^4~f 1G0~;NK(A3y
function scrollmarquee(){
+ta zJ1K`Nrbb"@ if (iedom){t3W%?$?(PW,OE
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))

YY+[b^*Dal cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
%lX2N,j4} else
/O-u0PPX#Q!t!Z cross_marquee.style.left=marqueewidth+8
/ER"CT5`J.D4K$V;]L
3f,~{s1i:f&Ccy }
ff$k@hdUrpf%T else if (document.layers){&_O#Vs0CS R
if (ns_marquee.left>(actualwidth*(-1)+8))}L'Ug;B
ns_marquee.left-=copyspeed
1YylI(j ^w\/W~ else
q1~W2x.E.K?L ns_marquee.left=marqueewidth+8
2h
la{t!S+w }:f3m"k#b2Nu(r
}
e}vIUks 8J;Z~)s3b Gv
if (iedom||document.layers){x-q5I^U*f,wrs^6~
with (document){|i(]6T f~S.M,o
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
-[
R9@6g3L/N!Z'w if (iedom){
I
Sm%w8c write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
'f/J#S;e4B^;lR+W write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')Y$mPW rcd
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')F@r&^&W@Vd
write('</div>')7V:^z{(U(jN,k\ _T~
}
vfh7x1J else if (document.layers){

LgG:w4` r d$M write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')d$D3tN oR2DoOl
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>').t,cQ {:z
h
write('</ilayer>') \7y
P4X+[$Ws
}lt;eC9l'[^U
document.write('</td></table>')0KHbOi4D8G
}1JV y8WD_9T
}:F/Vpm/h(Tt/x
</script>

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