标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
( k* }: g3 t( O% }& R: {
var marqueewidth=300
6 p6 ~5 Z6 t# _8 r. `3 \* P
//高度
' P R8 B& q L ~( C
var marqueeheight=25
! z. m' B. R/ V% _6 _( _
//速度(1-10)
" y/ k+ p$ _( r- ]" C& w) i
var marqueespeed=3
2 `# m" q1 L% x) l
//背景颜色
: V# L% _7 z1 z2 Q1 s+ C
var marqueebgcolor="#FFFFFF"
: k5 q* N, q* }* {" T$ K+ Z% G
//是否能暂停 (0=no. 1=yes)?
) {: L9 B$ O: ^6 P7 b% `! x) q
var pauseit=1
; u, }6 K6 f6 ^0 A" }4 {
! n; _" h1 g6 R) B! W! J
//修改显示内容
- E, W. P) a# _$ J4 w6 O2 g
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
4 Q; _( | e q# S2 s5 E9 H+ p
/ h& t( u/ i4 V
& H+ }: C# b0 z4 |8 |
////下面不需改变////////////
+ b$ P( [# ~ Z8 c: d8 x! D& ^# L
& S# I( N' R1 c, m' A) y' l7 ]
var copyspeed=marqueespeed
5 h: |% N, j( l) i/ n8 W
var pausespeed=(pauseit==0)? copyspeed: 0
# ~. u7 n. z! s, o5 `& h2 \
var iedom=document.all||document.getElementById
; f G* F( M/ U$ s
if (iedom)
, d+ z8 z% a7 w* P( I& Y
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
$ ~1 @- c: Y8 t% P
var actualwidth=''
' K+ c4 g5 M& T2 R& @
var cross_marquee, ns_marquee
@$ h" X$ f% u+ x. u& m$ W. F" V' A
: ?5 _5 Y/ i. N8 I
function populate(){
. D) q) k" j1 \" A+ p- f" N5 s
if (iedom){
, y1 E4 i3 f, J9 C
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
' W! J% d! q9 n! n3 M p: E
cross_marquee.style.left=marqueewidth+8
9 @ S, i: ?: O' D; L( X! a
cross_marquee.innerHTML=marqueecontent
; E8 \- k; }: [/ S9 z+ @
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
5 R; m7 L4 P$ l. O: `! v0 S
}
) U! u9 X; m! z# h: [3 I/ A6 L
else if (document.layers){
6 p E9 n1 M! J: B6 v2 C
ns_marquee=document.ns_marquee.document.ns_marquee2
* u2 N2 s" r6 Z3 @9 _* U/ k
ns_marquee.left=marqueewidth+8
$ \ V ^& ] _
ns_marquee.document.write(marqueecontent)
0 k% l% a( W" R4 m
ns_marquee.document.close()
' ?$ {. h/ M' _$ i; f3 K; W; c
actualwidth=ns_marquee.document.width
* N& ?) k g" @& E" d
}
1 |0 {# o& b% s" u
lefttime=setInterval("scrollmarquee()",20)
1 w2 s1 b: W* o8 f7 |) a
}
6 i! L6 X' g/ m
window.onload=populate
- y8 }( w/ P! n N
1 s4 `) U: n0 p/ n- A& q& X
function scrollmarquee(){
9 u- K: J' F* y. z+ `
if (iedom){
5 x: i8 g2 B. Z% D) X
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
4 O G6 h8 ~4 X/ O
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
* U& ~% U) k( F9 ]: e s {
else
5 N- b+ D- d s2 W: C& T
cross_marquee.style.left=marqueewidth+8
- E' J0 s! N2 R+ w7 L& k
! r. A% Q2 ^$ f& L2 M/ k3 U
}
* X5 o5 i @8 D* U; c. t) o1 v
else if (document.layers){
6 E2 G8 V6 ?" ^
if (ns_marquee.left>(actualwidth*(-1)+8))
/ Y) q5 c, j: f3 M
ns_marquee.left-=copyspeed
) Q+ g$ [, e5 x* R1 ~) y& K( M
else
" E' D3 F7 V/ P! z
ns_marquee.left=marqueewidth+8
' o7 W* q: `! z
}
% Z2 `; D# c0 a
}
5 B8 y3 I% V0 e* D
( ?1 b, n3 K' I7 ]/ x
if (iedom||document.layers){
( e+ D6 x# d! x% Z# D
with (document){
/ Z' A5 n# V# a6 j: l& i
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
+ O5 o* _% i3 p5 X: R
if (iedom){
5 |' o, R' q" V
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
7 e5 q& C C5 N/ ~! L6 |
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
0 y* _7 O' L3 n, |7 C
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
5 f3 V( F% p8 R. E6 F4 G
write('</div>')
( y. g1 s {( H3 X* O; B
}
7 s$ g& W( {1 \, m- v a+ w
else if (document.layers){
7 Q+ A1 v( ?8 a6 j
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
) _ H1 @4 F/ L
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
' t8 Z- p, O7 q( X+ }. K& O
write('</ilayer>')
6 Z& _2 O6 Z: h0 ], {4 q, }! R
}
3 d' B' ^1 S$ c3 g. Q q
document.write('</td></table>')
9 W4 c' W" i4 d! T5 g
}
! D! V5 E6 B, ^7 I6 l4 ?
}
: j. \1 z8 [: a* n3 O) M2 [; A- \
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
