标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
: h& U; D4 i" f; B+ N- g
var marqueewidth=300
; P3 S( j$ q0 U' b) ^4 |
//高度
8 i) p6 F, l. X/ Z( t6 [) i5 H
var marqueeheight=25
3 q: J" ~0 z4 D$ b3 T0 J
//速度(1-10)
. i0 {3 ~/ \$ {' P' O) l; U
var marqueespeed=3
# L6 D$ N, v* L* n
//背景颜色
" o' J% Y/ A3 |
var marqueebgcolor="#FFFFFF"
) m+ T: T& y5 ~+ z/ K5 D* B$ J# h
//是否能暂停 (0=no. 1=yes)?
' A. H/ E; t! O7 o v- O
var pauseit=1
V: |, ]; d' a4 D* i2 U! q! }
4 ?% j& D% H4 O! i* m3 S
//修改显示内容
: n6 e) l4 }9 r& H% L; B' R
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
9 C2 z% ^; l( r
( e9 l' I+ X' `& r1 ^0 r
4 D) c i# P7 E7 t. o# [
////下面不需改变////////////
$ {8 k5 k5 u6 g& q v% W
3 q- O, B& \: K0 X$ y' R
var copyspeed=marqueespeed
# T. ]* c4 a; G! c0 g7 P3 _
var pausespeed=(pauseit==0)? copyspeed: 0
5 @" Z/ V- Z/ j2 e8 O* n
var iedom=document.all||document.getElementById
# _. D" d- y, J$ j& E
if (iedom)
2 t# ?/ D% J0 Y a
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
6 B. o# W9 h5 @! ]0 l/ o. C
var actualwidth=''
: o% g! ~* p; Z$ O; H2 r/ B
var cross_marquee, ns_marquee
9 {7 p" g& e) S
8 S n) l* Q9 f( E5 l. K
function populate(){
7 M) H4 V0 P }2 o% P. b
if (iedom){
- Z/ H2 Z4 n" Y; Y
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
0 S3 W$ M8 u" R. H* H% G
cross_marquee.style.left=marqueewidth+8
! X$ U! `* |, l3 i
cross_marquee.innerHTML=marqueecontent
# T! e) [ W; a, z9 v
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
/ k5 g i; g' I7 z7 [
}
+ R: w, _8 E! V6 B
else if (document.layers){
% P" n) A! g- y" g9 ?' Q% [; ?6 b
ns_marquee=document.ns_marquee.document.ns_marquee2
: i0 k6 f# N: u
ns_marquee.left=marqueewidth+8
5 V! g0 z" A/ m( S: v, m0 V
ns_marquee.document.write(marqueecontent)
1 A2 t7 u9 s, g0 @6 P7 H+ ~
ns_marquee.document.close()
! \7 j* z- z: @# [- ]- y# O
actualwidth=ns_marquee.document.width
8 _8 r# p, Q& [; T6 d5 `# O
}
) z3 w' u) G7 D: Q/ v' u
lefttime=setInterval("scrollmarquee()",20)
|4 ? X- ^) e7 ]
}
2 R/ Q8 T" Z5 G0 L `: C" _2 k4 d
window.onload=populate
9 Y$ M/ I9 ?6 H- [6 k
# X/ J x' f) k2 \/ Z7 f# D0 k
function scrollmarquee(){
6 W* t$ u- d5 U, q
if (iedom){
0 F3 b. R1 ]/ Q! h/ |6 S d0 X/ _ t: i
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
+ w/ P5 e- O9 \ p; S, V+ u& ^2 i+ x
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
6 |4 k6 O, E4 t7 i: R% V& v: V
else
1 C; d! Z7 T- H% N2 \8 L
cross_marquee.style.left=marqueewidth+8
% w: P% M) t. r* B% r9 `
4 A3 ^# v9 z/ I1 @
}
N/ e X$ E1 ~6 R- O) i, n
else if (document.layers){
5 z; f3 W3 Y& m" i4 m" O
if (ns_marquee.left>(actualwidth*(-1)+8))
; R7 i' S$ u3 j; J C0 o
ns_marquee.left-=copyspeed
! M. ?9 \& S" ]7 s% L1 x
else
/ F# p) m- U( P2 c& m' A
ns_marquee.left=marqueewidth+8
( g& w7 D0 |' L+ k, I3 r. n
}
- @ N! }. E4 g6 [. _5 _- q
}
9 v3 r9 u2 M4 N- b& W
% ~' i2 o( S# s, T5 q. v
if (iedom||document.layers){
7 n- W0 O/ V! M# m0 A- b; D
with (document){
) c. w' M) E- E: j8 z: g
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
/ ^; O, _1 E& ]5 E2 l
if (iedom){
0 u; V h( [, ]6 G
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
7 x% ]8 C& S7 m4 W
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
4 @+ d2 z) {' u
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
) E1 Z4 M# Y$ H' J
write('</div>')
" l9 F( \7 h5 p5 S
}
. a y# W$ s0 L: B& _0 ^) R' O
else if (document.layers){
8 ~: v& R3 R) r! o: q
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
, [* |% g+ b/ H( m( ]/ y
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
" B6 y- m# [, B* ^, o; [+ X
write('</ilayer>')
# C$ m) l7 Z9 P0 D1 G* _& d
}
* I7 A" A4 Y1 [2 ^) d
document.write('</td></table>')
: g% ~ a" |: g' k Z3 \
}
! j2 i: D& F7 F
}
4 p. h# t0 G' W/ _' C) p0 m* n
</script>
欢迎光临 捌玖网络工作室 (http://www.89w.org/)
Powered by Discuz! 7.2
