捌玖网络工作室 - Powered by Discuz! Board

标题: 网页之跑马灯文字特效 [打印本页]

作者: zw2004 时间: 2008-1-21 20:53 标题: 网页之跑马灯文字特效

//修改宽度! B) b! x% A7 B5 ]* M
var marqueewidth=300' P: b5 w1 ]9 t. O( k; F! n( z
//高度
var marqueeheight=25+ m! H- O* y0 z! S
//速度(1-10)( h. i; P9 u* b0 ?$ V; v7 U
var marqueespeed=3& N+ M5 t, F0 u* \& D( s
//背景颜色
var marqueebgcolor="#FFFFFF"1 J2 ^- n' @' b" x
//是否能暂停 (0=no. 1=yes)?" r% a9 K4 M- G9 T2 C  g* J
var pauseit=1

//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
* m' {" Q2 z( b9 }$ ~; j# `  m
1 X+ s* U; Z$ P! s- g
////下面不需改变///////////// q3 v5 o0 i* u: E6 o
" f5 b9 a7 j6 J0 d; [- y$ {9 m# Z2 W
var copyspeed=marqueespeed9 O: ]( }( a- Z, s. |( ]' {
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')# U, G( m- C. b4 z
var actualwidth=''
var cross_marquee, ns_marquee
2 [4 N; `* `, s, Y& T; L
function populate(){
if (iedom){; f, J  {! c+ s  T. z
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee6 O) _& ~- P9 ]6 _
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}9 J9 F0 Y5 T1 P
else if (document.layers){- N0 E5 D9 h: A- z* ^, |" g
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent); m' e$ s% Z. ?* y5 x
ns_marquee.document.close()- |' R4 `7 e+ J% P" V+ F
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)' [& B+ p0 \9 m' h7 N4 B
}
window.onload=populate

function scrollmarquee(){/ ~# N) p; _1 @2 c* k
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))! X  I" Y8 ^8 }
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed$ p- ]' ~( k& a! b, b
else
cross_marquee.style.left=marqueewidth+8( U+ }) V$ [- c& L

}
else if (document.layers){5 q1 S6 [/ G( d, ~" D9 U8 ?, _
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else% B2 Z" S* Y7 e& s/ z
ns_marquee.left=marqueewidth+8
}$ t8 P  W% N( p  v: {
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')! W/ v* \" x3 t
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')2 Z/ e7 e$ r" |
write('</div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')8 ], F8 |. N. S" @) v
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')7 v9 Z, r8 S3 `( u8 x2 w
}
document.write('</td></table>'); e; F; E* T6 y' n4 [: m
}
}
</script>

欢迎光临捌玖网络工作室 (http://89w.org/)