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

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

网页之跑马灯文字特效

//修改宽度
$e/l3F3F6kZmC var marqueewidth=300
ohn,K7Y@_ //高度 Y9tS1pof
var marqueeheight=25(P5d9\!m@
//速度(1-10)
+EdYB2a4Ez var marqueespeed=3
9Ob:c9MlX //背景颜色
e1kf{ H@ var marqueebgcolor="#FFFFFF"
fH"Jf \ //是否能暂停 (0=no. 1=yes)?bPI+O s
var pauseit=1
}L?0\`ZoJEb
]
%w%sLH(qDo]0@ //修改显示内容 t&a
N7_v Ek!C
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'D\[,^b
Ue1c}{p0l*c(ZK@

K8^.F,r\(bk)sS6X ////下面不需改变////////////'in5o
S!M`
4{
g+{cq#K
var copyspeed=marqueespeed
Yf?1S+gh var pausespeed=(pauseit==0)? copyspeed: 08` s!wL;l.V'S R
var iedom=document.all||document.getElementById
e~U&{&B H X:o)k if (iedom)
;`T
UBHpU3z document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
#fVA~!ZEpZ var actualwidth=''
WqN,B8Xd F var cross_marquee, ns_marquee
b7Q+T{QD 3BJu2`|d
function populate(){G6_bn&H
if (iedom){
8pO+izo`.B!UB cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
\j%N P6m q!vbF?z cross_marquee.style.left=marqueewidth+8
~wJ3e$qJS cross_marquee.innerHTML=marqueecontent
R-r }FG y actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidthvu0h#Yiq0~K
}`.ts4tY%Ct\H
else if (document.layers){
_.T~o1jp0_ ns_marquee=document.ns_marquee.document.ns_marquee2n0CHT4FR&^
F&I]q}
ns_marquee.left=marqueewidth+8
9h#S0pl5IX6ZN0?.|b']V ns_marquee.document.write(marqueecontent)
z"[/M!D7oDm,M ns_marquee.document.close(){|v R4BoYa;C+L
actualwidth=ns_marquee.document.width_/I
a5G+h%g Y
}
/[n"U wB`'j lefttime=setInterval("scrollmarquee()",20)
0`0hGPdL+M }#l+j \0cvW p7n*OR5w8F
window.onload=populate'cy:Q3Lc
._B:j^,Dx/@a
function scrollmarquee(){
TN,t8vKW)k if (iedom){
Vsv M6J P if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
S7R%o;uw-a+Q cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
+Fzw G^
v else
Q6o'd8Ai0Aa#\ cross_marquee.style.left=marqueewidth+8
K'C:}J}4kt
0{9k,y lsp,t#o"O,r }VC|;|d:Z
else if (document.layers){
Z6g/V%}-}a.@6`3P!h1| if (ns_marquee.left>(actualwidth*(-1)+8))5hw&M4tc~`
`
ns_marquee.left-=copyspeed
"X5|*S$gM-D else
7vI{W} ns_marquee.left=marqueewidth+8
pXn:jd9P7i }
q;p,\(?F%Q(Z }
u&}4C3h\/P{ 6MM!u*g&m${&@&a kPk$\
if (iedom||document.layers){
d8FM'd hb+b O#@ with (document){
seJ$\wX/^j document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')#g'Qh]P"G.z"Jo
if (iedom){$yv0vF1Q)`
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')f[*\,GS4ij%q8\c
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')l%\T,NC ~
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>'):PF G.V;@^;m%d
write('</div>')
p1b&N#MWp"r]K },EDc SZ Ebh3uKd
else if (document.layers){"pd8Y%h f1Hd
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')h%Z%W/{u"W
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')e:L
J-e4B8r!|;Z
write('</ilayer>')
7MT^4Is wP1b }
L P)nP,v8Z document.write('</td></table>')
;Q(E;w? MMdx8|X,Z W } VVU p\'qZ)M
}
Y.Uii%cv </script>

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