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

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

网页之跑马灯文字特效

//修改宽度
"f1UC)p V IO_ var marqueewidth=300H(zBg&?&Y!~@
//高度
:h5_7Iwg/L ^L var marqueeheight=25J;K3m)H2SY3_ Av8Vh
//速度(1-10)
u2d1d$L/D'Z var marqueespeed=3
e/LY;mF_z,uW //背景颜色X:h0ygN bcl_
var marqueebgcolor="#FFFFFF"
e*@"Z xKC]"`1VS/L //是否能暂停 (0=no. 1=yes)?`Ai;bBJVg
var pauseit=1&[k*{(f.Vv1~D:z

,P#j!?
h'Rm-oYV];` //修改显示内容+[H2As+n7B.K%{|
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'F x)C0TA
~'l;h7x'ln:S
%Y+i:W!~+X
////下面不需改变////////////U1l.v.i9INl

(\ GR` iW8] var copyspeed=marqueespeed
x&O8?&JD%P:c var pausespeed=(pauseit==0)? copyspeed: 0
'u WOi!_-_rY var iedom=document.all||document.getElementById
G OQy Q{8?V if (iedom)
4Sz| ~F!i document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
|-z![v*xUxk*c*i var actualwidth=''
$d+N:KgU9{4T'M var cross_marquee, ns_marquee
RO,DB)V4i,u /~l,@E;cJ
function populate(){}-A'HOde8~;xyd
if (iedom){
5i*sbyMl cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee CPS$s'lAl5Yf7u
cross_marquee.style.left=marqueewidth+8
9w
s-y Nx\ cross_marquee.innerHTML=marqueecontent
/h;Qfa{R&~/IL)`6o actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
v]!k(|3@Et }5W/M4c-s*ZLz
else if (document.layers){
1Jk @a6I`
Y$Y ns_marquee=document.ns_marquee.document.ns_marquee2
7{"Ed;HXg1H:PDK K ns_marquee.left=marqueewidth+8
;|!X,L2o6z AN ns_marquee.document.write(marqueecontent)
Y'tOpJg
Z ns_marquee.document.close()q{6J`d7v#C
actualwidth=ns_marquee.document.width
dY]Q!H }8hh!{5E*M
lefttime=setInterval("scrollmarquee()",20)7q ^B}x:f
}$j0j$s0[avy
window.onload=populate#|(@3BP3M3mV
+NvusJ-]
function scrollmarquee(){1q5@Yca/L
if (iedom){4E,r,s%k)u_Mf
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))$k1}}"@O
zK
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeedcqW
Wx*P:o+V e
else
}S!r(F^1x cross_marquee.style.left=marqueewidth+8
&^ K9bh r3S 9e?\{"DS
}+_ `4DD;k/VUI0l
else if (document.layers){#KEF:Rdl ^*A[
if (ns_marquee.left>(actualwidth*(-1)+8)) jY(Xf
Cj,r
ns_marquee.left-=copyspeed0DR/W(K1[J}0~
else
2D4a7A_5A(Zw|B ns_marquee.left=marqueewidth+8N;e#["^Bu$lI
}1b!Y)i%qo
}
0qHF q8P1ti }
3J9m3l.b/] z if (iedom||document.layers){-_R/HS E+Mb4V#lm&Y(F
with (document){
{g*C5^w
}2i document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')9f"BHv
Cs&n
if (iedom){ `!{|.t4E0op
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')(Y*Y*}+V^2^@
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')eW7`D]}aA
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')8BX;|/]A)y|5Q.x+W|
write('</div>')j!`)dJ7sk1@
}Yid RyJ_I [
else if (document.layers){r"be*t
P&o
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
h~BW@:dL;b:P write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
Ff7V[
dxP3g write('</ilayer>')4n/MK,wD1W,V N
}P
fy3DK
document.write('</td></table>')fQ1]"i d7X
}
(U,^a0X8I@Qw]"]0v }
^h%HaUs;rLod4YH </script>

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