网页之跑马灯文字特效

//修改宽度' g* i" h- P( \* x# Y2 q* L
var marqueewidth=300+ C& B  b8 N5 N  ^$ T
//高度, H5 ]2 x# R$ k/ {& }# F
var marqueeheight=25
//速度(1-10)1 n9 {) u. l4 b5 t; p
var marqueespeed=3
//背景颜色
var marqueebgcolor="#FFFFFF"
//是否能暂停 (0=no. 1=yes)?3 g5 ]* o! A* g9 ^, [. Z; r
var pauseit=15 ]: n8 V$ Q! v6 s7 K+ H
. m# K* z- N. ^8 {) |4 p1 I
//修改显示内容
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'' D; k5 i5 e# ^, \# X8 L1 |8 ]% G

////下面不需改变////////////) D( e" g/ C: h% `5 Q2 Y
5 m  M$ {8 T: z- f  V
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 07 I) `8 N# n5 l, e: l2 u
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth='') V! K8 w- x& G# S
var cross_marquee, ns_marquee& p) F4 f3 G! w6 q4 z

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent7 |0 j. M0 r/ h5 F
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth3 N! |9 |. P3 @
}! J9 C& [# l9 \: I) W
else if (document.layers){5 t+ F% @8 {* O/ q5 Y
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()8 w9 ^9 f4 c  x
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}% Z! P- ?5 x' i' A- D  Q& Q, U5 J
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed8 J; ^* }( q( I6 y! W9 V8 D4 G
else
cross_marquee.style.left=marqueewidth+82 g* ~1 S8 h+ S% p5 F6 I

}, |, ]( g( P8 a8 y8 j
else if (document.layers){- s, }+ Z8 w5 k6 g- t3 t
if (ns_marquee.left>(actualwidth*(-1)+8)); X4 R( N4 L& a& ?* L8 `
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+81 y" A. m3 O5 ^% j; s; C
}
}

if (iedom||document.layers){' h" t' s: _* F6 u7 \0 g! t
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){& ]; `# O0 f4 k
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">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div>')+ U' [% E; k  |% r* R
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')0 j0 }0 [) y# {# r' O# n# ^
}
document.write('</td></table>')
}6 j; `" `- H  K% A
}
</script>

返回列表

网页之跑马灯文字特效

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]