标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
; v; s* p% e1 g& B7 U! b- ^9 {7 r
var marqueewidth=300
: Y& i6 l9 y7 E F5 D6 K
//高度
9 {, o% E7 Y% P7 ~( k( s
var marqueeheight=25
0 W# b1 |: D0 m" l
//速度(1-10)
( G, I( c$ G1 H8 d T6 g: R" w! H
var marqueespeed=3
- y5 e3 s0 v" p8 `+ _& x
//背景颜色
0 X5 V' C7 l3 r1 y, u# s8 j
var marqueebgcolor="#FFFFFF"
; S6 E) i8 C- e, B" b
//是否能暂停 (0=no. 1=yes)?
* w% v. R: H' u5 z2 _* P Y: ^
var pauseit=1
0 w9 V( M' k* j
" r. o( X4 z+ N% G
//修改显示内容
: {* f: }7 H* A8 e& O
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
4 g p( B# J8 W
* p8 M' g, ^! h1 ~
2 o. {1 e9 g2 W" ]- L/ T
////下面不需改变////////////
% M9 s4 a/ l0 @0 ?; C
% S3 _4 B8 \ h1 t* L/ `/ ^% i
var copyspeed=marqueespeed
9 M* u% @9 D5 W- X5 l' M
var pausespeed=(pauseit==0)? copyspeed: 0
3 E d& F+ T- m! k5 b% _$ U
var iedom=document.all||document.getElementById
# b6 D. w( t4 y- d/ ]; `/ M3 E
if (iedom)
# m' ^+ {% i( R o7 h' R% _
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
- [5 P7 y0 s9 s ]. _6 D
var actualwidth=''
) q& Y7 W; Z: A3 I, m/ m, h
var cross_marquee, ns_marquee
, v8 I% v. d6 @6 q8 b9 i
8 H( Q; ?0 k4 Z$ l) A# E' w
function populate(){
$ f9 P: C+ u5 n" u( \' r* {+ c
if (iedom){
& e) P% t% L* F7 B; m: c% D
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
7 Q# v9 ~ P ^- g. |4 D/ X
cross_marquee.style.left=marqueewidth+8
5 r, m" K! y# m/ c5 q1 ~
cross_marquee.innerHTML=marqueecontent
- [! ]- n ^- h3 P! P) h
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
4 `3 u6 I) a3 j; |- P1 N
}
7 O! D, M& E2 J- F- f
else if (document.layers){
3 n( _& d+ N+ m' q) F1 I/ p
ns_marquee=document.ns_marquee.document.ns_marquee2
; L4 v! H! D# c6 Q
ns_marquee.left=marqueewidth+8
6 f4 q" s$ F @8 r% O
ns_marquee.document.write(marqueecontent)
0 e& T2 E- S3 N
ns_marquee.document.close()
% d+ ]3 _7 b- r; p* y7 E, ]5 G
actualwidth=ns_marquee.document.width
6 c( ~1 K0 q. p2 |! c4 _0 T
}
5 Y4 _1 {0 X: ~) ^
lefttime=setInterval("scrollmarquee()",20)
4 k; T- G% l7 h z0 ^) J
}
) |2 c' P# @9 I- V- P
window.onload=populate
" [7 S: N+ z I$ E Y- y% }
" K1 q+ j7 k+ c, t* z- R4 K
function scrollmarquee(){
9 L7 E% ^" e9 N2 |
if (iedom){
2 J9 p% T) G5 k/ Q
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
9 G, p1 ^+ a% f( {
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
9 a. }. K* j, K% Z& Z# g
else
6 J M: ? D5 z9 i4 d( x
cross_marquee.style.left=marqueewidth+8
2 b4 I _" A3 x% X
2 L) D% l5 J: y9 i+ O, b8 b
}
& U/ B" m& M. T/ e7 U& h+ N
else if (document.layers){
6 }5 l$ a$ a* Q/ ]8 N' p6 M
if (ns_marquee.left>(actualwidth*(-1)+8))
' l! J; [0 ?& p B7 T& o* ]
ns_marquee.left-=copyspeed
. ~! Y8 V3 {* U# Z
else
$ ]* Z4 r" `* q8 F1 j
ns_marquee.left=marqueewidth+8
1 I$ c; q8 K V& ^" P* B3 k; H h
}
- h( x0 O) K' `/ ~% `' V/ W
}
8 @% N3 r! B. n! Y, w) P6 T5 s
% @+ j) d7 r k% R5 z
if (iedom||document.layers){
* r: O! y8 q8 W5 l; z- n# O
with (document){
* V$ Y& H# u8 V7 ?& S
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
" V, I/ T$ ?8 q# G `+ @& d) e
if (iedom){
7 R! f p! x3 R" D
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
z! P2 \' T$ M
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
7 T4 d5 D) [4 j- T1 H
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
. ~. z4 S& h: B0 [0 j
write('</div>')
+ U: G: X5 L7 _$ M6 j* [& l* V
}
/ j/ \3 ?8 Y) n9 j3 e, [) ?+ O3 Q
else if (document.layers){
& s( [% U9 Q: d. m4 A6 U7 P
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
& w9 Z0 }- v9 p2 a$ s0 c! Q
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
$ L; f$ F# N: D& `% v9 \6 s; `
write('</ilayer>')
1 v% Q: @2 R3 r! E0 u) X% R& w: y
}
- t. ^( V2 U- {7 c6 k. H& L
document.write('</td></table>')
, |: w! X$ m9 N9 R e* t2 _# z9 j
}
( ~4 }) n+ j( \, @7 e+ X3 a& J& H
}
i9 V& w4 [/ Y* l4 w P
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
