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

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

网页之跑马灯文字特效

//修改宽度
Him%s$lS"OC9x var marqueewidth=300]f/^Wy+qg jO
//高度
q*W {r3s oy var marqueeheight=25egb/@2YSJ!\8[
//速度(1-10)
PV9N%}_|g9O7N.~ var marqueespeed=3
[q8V*X9U`c&x //背景颜色Jelbf
var marqueebgcolor="#FFFFFF"
{6Ln!xC'j //是否能暂停 (0=no. 1=yes)?
AD V;X+ik:U)[ var pauseit=1
:YH
^k$y
3SMF;V[|2w(O //修改显示内容P:k|3V[~HN
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'3]m)^8E:mdS
&j4a C_F7g
AJ5M

![?:Cd1h/z ////下面不需改变////////////
7O0pfo Z;s-C1?d xX,xR So
var copyspeed=marqueespeed
;J5E8{#fc X] var pausespeed=(pauseit==0)? copyspeed: 0
-E"NR3rr/wu var iedom=document.all||document.getElementByIda*g*X"PD_"h
if (iedom) CNc.vu&YZ`
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
6jFE``vW~;dI"d var actualwidth=''
3fTx?|TCc6\ o var cross_marquee, ns_marquee7b4J%W,\*u0Y/xt

R-{pr1a%J0x function populate(){
9Ng;R)_vb^ if (iedom){
#eA@:T0|+y(q!b{N$v cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
zQ,X}?7B^W'V%l+t cross_marquee.style.left=marqueewidth+8
z2cM:P+FV cross_marquee.innerHTML=marqueecontent-AykKiMm3|;I
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
(@3WT.e)sM"g`1A }k?4v"`{ME%Ej
else if (document.layers){m6? P/Kl6p)o
ns_marquee=document.ns_marquee.document.ns_marquee2]%v0k d,jVu
ns_marquee.left=marqueewidth+8
w#S
]
e7? ns_marquee.document.write(marqueecontent)'q5zY?#iZ\8s
ns_marquee.document.close()@"Y[ c$I*CVj2xR
actualwidth=ns_marquee.document.width
uQ.B/e5mbH~f }[b/k,~ Uo;j3m"U
lefttime=setInterval("scrollmarquee()",20);UGU0GT!Wk
}
[6am!jV@)}c4]|
window.onload=populate;nZu \)z
P5~d.RR9i+^
function scrollmarquee(){~6ygp/I}|4@u)J
if (iedom){0S^Q!bJ$?
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
$Ur+g]W"dk cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
'`/fP9jW!S~ else@.gwq*K*Zcb
cross_marquee.style.left=marqueewidth+8NL brx-j1N\
4Ba%sO*~
c
}
U+?XJ*B3`S#c0Wv else if (document.layers){
j5Hk2QnnHm if (ns_marquee.left>(actualwidth*(-1)+8))+a6T5C6yNS(| e
ns_marquee.left-=copyspeedO?-C6m5RcqJ1ts
else
}3j\R0`6i'] ns_marquee.left=marqueewidth+8
K0[Nhy&m }Sqf-kfgO
}
3c0aa}~5R 9D(B p]p Z"T,|s
if (iedom||document.layers){6Y3RDUy1x)[)n,sH
with (document){
nO#z"{ su document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
G7R6IUW6v"C-m
S if (iedom){U)]O(H7n u6p`8a
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">'),?(g]5iF]L4q
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')2D
S;Uv.KW
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
E0H!^ [2[ write('</div>')
*r.Sv$}jEyEFKT }
-n6J^$Qf else if (document.layers){w$wt$UIku
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
0x k"_s9R\Vj.R write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')ICrj$v^*Q4z
write('</ilayer>')w$a'G&cZ,T-q.x
}&t3h$\(kG
a
document.write('</td></table>')
c0r(h2t8h-Do x0w7S }kJ
\O~2L1Bk
}*cd Zt3c1u4q
</script>

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