返回列表 发帖

网页之跑马灯文字特效

//修改宽度3 |/ H9 n2 Z9 s, V' s- a
var marqueewidth=300+ {; I1 {( [, e7 w9 e
//高度
% e/ s* R' X$ c% |, Svar marqueeheight=25
4 K8 K; V$ ^( k8 _+ F( A//速度(1-10)+ H5 a; R* j" ~: ?# }
var marqueespeed=3
% s' L0 y- [* y( k//背景颜色" P7 ~9 I! O7 m, h2 f3 k
var marqueebgcolor="#FFFFFF"# ~: d* x7 O/ `/ r/ L' J) E- s
//是否能暂停 (0=no. 1=yes)?
( d( R" r% F. Jvar pauseit=1, `) N0 k# D5 a# I
, S; B! G) L& O% R. u4 ]
//修改显示内容9 t) g$ ^; t8 K- a& r
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'/ Q+ F4 l7 `( Z: L. r1 C

, v2 F6 ~0 m7 @- d
& i+ ?1 ]: o1 |////下面不需改变////////////( n; c7 R6 ]  f# B% P4 f
: D* s1 J+ n4 Q) F
var copyspeed=marqueespeed
" d! E9 c% _& Y7 Uvar pausespeed=(pauseit==0)? copyspeed: 0
8 D3 q5 a8 Z; I1 X, Hvar iedom=document.all||document.getElementById  X/ k: R$ ~0 z0 x
if (iedom)
! `! U5 O$ d4 a2 |document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
: C" S- t  U$ x, Qvar actualwidth=''
6 l4 A7 h- u6 R7 t) I. wvar cross_marquee, ns_marquee
. G5 N2 x3 g' L  V- P3 Q" q. X! f2 a6 C
function populate(){
" @8 I3 v( k3 Y* ^9 W+ V- rif (iedom){3 i& S1 P% W' J' N! Q
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
: o5 H" M  A7 P3 ccross_marquee.style.left=marqueewidth+8
; g3 V$ p5 |# [  t' ncross_marquee.innerHTML=marqueecontent/ X3 @4 _) m5 m
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
( }' @# u; U0 e/ \' ]}
* q0 ^) h/ U$ b/ N9 d2 [else if (document.layers){
5 r7 X+ |7 A1 l- \- N7 J- U2 X7 Ons_marquee=document.ns_marquee.document.ns_marquee2
3 t# x6 W6 V; F4 G/ B; J2 H* r! gns_marquee.left=marqueewidth+8
4 R, k5 ?; R# N1 xns_marquee.document.write(marqueecontent)
3 U; o: Z: ~8 Z: o/ ^ns_marquee.document.close()
. h; U. _& }' d! {& @" b) `" N0 Aactualwidth=ns_marquee.document.width
2 g9 t4 ~0 G: G0 v) e}
& J/ J% ^% L6 P0 B* J8 llefttime=setInterval("scrollmarquee()",20)
( Y: e% `* g: K}
# y" S8 Q  B( z6 g' Z2 r- iwindow.onload=populate
. u, p/ ^, l+ Q3 C9 ^& s- U- d: f$ L; v! i2 r5 z7 ^
function scrollmarquee(){2 C3 P0 T7 d  b3 f
if (iedom){
3 J1 p) {% }& v) _if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
  [8 \9 s. v8 [( Qcross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed" f' n6 G5 P' T
else" x" p& `5 A) G5 Y6 ~+ P* j
cross_marquee.style.left=marqueewidth+85 S2 f8 _+ [7 x  [
4 B/ }/ x' c: M2 D5 f
}
  u) o/ r; K0 q& t( telse if (document.layers){
! O9 S% G$ b, B4 O$ ?if (ns_marquee.left>(actualwidth*(-1)+8))8 j$ A( L8 y, \6 B; `1 g) B
ns_marquee.left-=copyspeed
$ M9 v2 h) ?: ?3 V+ f! o8 Velse0 G$ E2 I* v, z  X) b  P3 u9 }! m
ns_marquee.left=marqueewidth+8
9 P$ Q1 r/ o' u}
( ]$ U" ]9 u* T& j( t}5 w4 u* b+ r7 k# m1 Q, t3 J1 o
1 Z1 [1 x. p2 |0 [) T( ^0 R. l! g
if (iedom||document.layers){
" g$ ^3 J  C4 D% o2 dwith (document){: r8 O4 w! `. w, a4 E+ |  f$ u
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')" e! q" {# u4 Y! L) g* O
if (iedom){/ X8 f* g+ M. k4 ^$ q. Z
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
, r& J. |! x: s! G" @1 hwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
/ o% J( r, E" M8 Nwrite('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>'): `2 `$ C) U8 ~& i
write('</div>')
; M; C; B. j' w) V, h  M}
1 }& c1 y9 V! r" Nelse if (document.layers){
8 K+ X- e' U4 Hwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
  H3 A& \" E9 [, @write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')- T) h/ e! |2 R& u: S( M
write('</ilayer>')
- I6 y* j9 B) [}
1 }& h$ F0 i: |$ odocument.write('</td></table>')9 i. @3 D  ]/ n% u
}
: s* p$ g2 i6 [( g7 O" l}+ t( N) |4 w4 e# O! K0 \
</script>

返回列表
【捌玖网络】已经运行: