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

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

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

//修改宽度1 C; X/ {2 U* A
var marqueewidth=3006 b: |- q! G8 p
//高度
var marqueeheight=25
//速度(1-10)
var marqueespeed=37 `  a* x0 U* `
//背景颜色
var marqueebgcolor="#FFFFFF"/ D! F0 ]8 N; Q! }; y# [8 K
//是否能暂停 (0=no. 1=yes)?! |* U4 v, X! E$ j; D! q
var pauseit=1
6 M1 ^2 P) @( S# n. n
//修改显示内容3 H/ [4 D$ j) M; O+ _
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
1 y" r! D# L3 Q6 ^/ `# q, [4 c6 p
5 \& z; a1 w* n3 y1 [/ o" K/ M: J( a
////下面不需改变////////////

var copyspeed=marqueespeed7 N8 x) ]6 K1 l1 e, V+ i
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)7 z# `# A, m% o* H+ u* u& A
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')+ D2 K3 L" g# _( f
var actualwidth=''
var cross_marquee, ns_marquee
* s7 q# P( j9 \' q) H+ |
function populate(){2 b- O! r- I! H9 a! a
if (iedom){4 d2 y+ y) q( q# A1 i+ W7 q
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee0 [' r+ c4 a: r& n) Y$ m% E
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}7 h8 l9 l* U* w" ^$ f2 n
else if (document.layers){3 x! r8 h, f% j/ f7 o
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()7 B% W% l. {2 T8 F6 q7 B, ^6 m
actualwidth=ns_marquee.document.width
}" Y# w6 f- A5 k) E1 J4 k2 p3 W4 u0 w
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate( C' D1 n8 k+ m. l7 H8 G) O

function scrollmarquee(){
if (iedom){4 a* g2 a1 J, |# R0 g4 N
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed$ n4 a* x) c2 K* R( ~3 }
else0 M4 ^2 V) z: c) I: V: R) |! I
cross_marquee.style.left=marqueewidth+8
8 T  n: x/ h+ j- M1 Q; N" G
}
else if (document.layers){* k* V% ]6 K% s6 y
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed9 s! `7 ~& O5 a6 q1 S7 a& S
else
ns_marquee.left=marqueewidth+8
}7 f/ T0 P! \2 I7 @9 o3 t
}0 W! G' x# S- k0 _4 H: j( m( E

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">')  e6 L: S1 ?' n* l- J" N( p; e* C
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')& L- ?$ N7 S2 i/ X- ?5 O4 t" O
write('</div>')
}& o& w) E1 w( ~+ A: i6 A
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')* K4 {2 \2 U, h
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>'); t. Z/ V! O: N! S
write('</ilayer>')# m/ Q& \  U  i& u8 E
}
document.write('</td></table>')
}6 }4 N9 O; p0 L$ U" i2 a, k
}
</script>

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