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

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

网页之跑马灯文字特效

//修改宽度
u0@'@]wrFW+`/Q] var marqueewidth=300
&a4PU8~9g\c //高度
mT.RiI"K!ip.v var marqueeheight=25
*h2H e4bP^ //速度(1-10)
4C8P+R2|7y ]C6c"U2HE var marqueespeed=3
,e6fZh2A;X c;x%].C1} //背景颜色
L#O7A @I L|/}vV var marqueebgcolor="#FFFFFF",hm+Gc$e4~L#B^
//是否能暂停 (0=no. 1=yes)?
$W1u/^k2U'GqWj }$a var pauseit=1
#DTxw1{
JM9Jr.\t KN!dib4S d9hJ
//修改显示内容
Ak~iL n6M X var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
+~(y/u+V,aN$m1@lt Cy2d"EC5nW`
)iG*S#\Eu{7udP v
////下面不需改变////////////ilR t7?Z Wm
.B B;N1K)Qse8hB
var copyspeed=marqueespeed
M0E+}M.SS0X(g"y\ var pausespeed=(pauseit==0)? copyspeed: 0
o }GWj5h var iedom=document.all||document.getElementByIdj!xqd6@Vm#J5B-MP
if (iedom)V4pi(YO_8g8x8r
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')#dY{t{&A
var actualwidth=''A0l[R,H&V'd5pG
var cross_marquee, ns_marqueeX;x+G GD9yF&R

v"W:o
VQX[*{D+H function populate(){
Px7[]7| if (iedom){[8M&|#`(s"x1{4z/}^o
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
/p
r"k/|&J#HcF cross_marquee.style.left=marqueewidth+8
0x(A`%bO? cross_marquee.innerHTML=marqueecontent
v{-vn Su5m%XuV actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
P0wZ;xM1b L,Z };fuBSz
else if (document.layers){#S6Cw8\`
F'^.D
ns_marquee=document.ns_marquee.document.ns_marquee2 Q$C,CBB)YL;r)As
ns_marquee.left=marqueewidth+8:q*et'AKKs
ns_marquee.document.write(marqueecontent)
7{l'j ZC6D+J%m ns_marquee.document.close()U1x7rgDP
actualwidth=ns_marquee.document.width
M4I$|oolS} }
d}O T,a3e lefttime=setInterval("scrollmarquee()",20)BA7X+Pr@G_
}
X @&Iai.Djk window.onload=populate6O"K9y#{0| H-T^

3\)K%E~B+@ function scrollmarquee(){
V_Mi$I:n5T^%{V if (iedom){
^ER5S*H0A.] if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8)) j/Tz7frWW%h9Nv [
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
o9O)ez?3{(b8?&| elsee S:C7Z q%VE
cross_marquee.style.left=marqueewidth+8/qBCT4b]

`\H%MA9kn-Ta+Fu }
h,uw'v}#a(p,LB9Ni
F2^ else if (document.layers){
%{,u(^:j)oE-T$~_4ry if (ns_marquee.left>(actualwidth*(-1)+8))8r"A4[ vx:vg|@
ns_marquee.left-=copyspeed"j4g/{@(y6G
else
U8??eph!w
t ns_marquee.left=marqueewidth+8
RnhS4C9L/C)H(M }
"l5[4of3h }
R6O9bx'{i :H0O},R3^2dR
if (iedom||document.layers){,aH"vd1k u
z
with (document){cRxF? B
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
O}$_et if (iedom){
5MJSLA8TM$zQ| write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')r0?&j3I4z&N`a,y
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
&vB~`l9fr write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')\,d4\qz.|U9zZ*c%S
write('</div>') Twy1el$t*M
}9W[w? D4ds`
else if (document.layers){
r~'d&Z,p1YX*}? write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
4{n} M](B(B write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
6}:Ju!p?3v write('</ilayer>')+]yy{r/[
}V8d SaKW(t
document.write('</td></table>')
A
H5q`{"ho WH } ~?,? F
M
Gi
}fE5b5_,E/ma(Z/l#SNt(W
</script>

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