标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
7 ~1 `* D* L: B: n$ G K6 R
var marqueewidth=300
0 ?/ D+ a1 }9 \! C9 g4 a
//高度
1 q7 X" Q1 X: f; v% E' c- d B
var marqueeheight=25
. M) X8 y3 h _* q
//速度(1-10)
5 O/ ]/ r, {6 Z+ d( R! {) C
var marqueespeed=3
5 ^# _) ~1 C# d& m
//背景颜色
~ T, F+ \9 z( r
var marqueebgcolor="#FFFFFF"
: y6 R9 n R7 j# D
//是否能暂停 (0=no. 1=yes)?
0 B0 m) J- X' Q! I$ S& a
var pauseit=1
& u6 p: a: ~6 x* }5 d- P, T
# m* m! u: a1 f, Q; o; {: v" H7 A
//修改显示内容
9 c1 N) T5 m: ], @
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
' Z8 w/ t9 F+ y' ^" F+ A: }
5 a5 p% T( r0 \: c: f; W; s# a, M5 k
8 L4 g0 J# ?9 r; D
////下面不需改变////////////
( I+ J" l+ a& t3 V$ H
; a4 E% q4 t! c8 D6 r
var copyspeed=marqueespeed
+ g f: F) y2 G# k$ K
var pausespeed=(pauseit==0)? copyspeed: 0
, ]7 g0 l g' K6 `" @ b
var iedom=document.all||document.getElementById
& Y/ U* P8 J" Q
if (iedom)
2 |7 w8 L# Y+ a$ q" `! q
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
5 d; H$ z1 M5 U/ d4 @# N
var actualwidth=''
: O8 ]$ e# |" X, U z9 [
var cross_marquee, ns_marquee
4 W) H* ^/ L) o5 u- r1 A5 o
# c! o, Q1 { x0 {$ n- E3 \( Z
function populate(){
5 Q; [0 o: f, Y i
if (iedom){
/ D! L* c+ I5 {
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
5 f+ u0 y- \. w* h! b
cross_marquee.style.left=marqueewidth+8
; @( N- X' ?- |0 x; S
cross_marquee.innerHTML=marqueecontent
; g9 G$ s# V- w" Z
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
( h% P' r. D u, o9 v3 s2 G' n& A
}
% J" ]1 S& d* h; A# W
else if (document.layers){
/ q) C6 }! W$ s* [$ |9 \9 k3 `5 r
ns_marquee=document.ns_marquee.document.ns_marquee2
' W9 L. K) G; J: _1 L- E
ns_marquee.left=marqueewidth+8
0 f# P5 I2 z2 e7 B) c
ns_marquee.document.write(marqueecontent)
: ^' m Z5 T4 O- K' K, n
ns_marquee.document.close()
0 }5 n2 G. l2 j3 s, P* z" H7 X* k
actualwidth=ns_marquee.document.width
2 h' m4 ^0 Q- } J- p" W3 L5 S
}
; ^, w5 m( f* n( _& }2 u
lefttime=setInterval("scrollmarquee()",20)
) v7 _) M8 c) c2 l
}
3 J4 q/ c/ H! ?) u! Z
window.onload=populate
& R: F+ l* i) m7 U, Q
- }: {6 G# I$ ~ Y1 R2 u5 ]$ Y
function scrollmarquee(){
5 d. h% _1 _" r' P% s
if (iedom){
5 T+ Z `" {/ v8 G8 J
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
/ g2 Q, t0 h# }/ |
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
& R- B- P& \! X7 K9 T
else
& r0 {+ F; j/ E5 Y3 d
cross_marquee.style.left=marqueewidth+8
* d( ~: h5 a& I8 H; G( U
3 N; I; ^/ |3 z; \* D' u. ^
}
1 ^, \, Z) c/ b! ?6 d5 n! \1 g
else if (document.layers){
( e" _- \$ y0 Q* y( Z3 k
if (ns_marquee.left>(actualwidth*(-1)+8))
' P# ~% x* V3 V9 _6 c7 N
ns_marquee.left-=copyspeed
' z1 u) f4 S1 |+ E/ M
else
! |/ Y+ G! i. l3 @: |
ns_marquee.left=marqueewidth+8
, R! _) ^" E% c, D5 L% ]4 n
}
$ y+ B+ v. o% S& B- E
}
* f! \+ ]& T, U8 w" e, r; ?3 f
# A1 k* x2 L2 Z& H& j# y* p
if (iedom||document.layers){
2 ]. s* X5 g/ J7 X n/ Q
with (document){
: ?6 X. m& L# \* a4 G
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
3 |* v1 T8 ^/ O6 H3 i
if (iedom){
& n4 n. W/ c- D; l
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
. U& J6 o* W; T3 c' F# o& h
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
6 R' V0 |1 Y! i# e. w" `7 R; ?
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
2 G/ N3 K# A/ y
write('</div>')
: Q% F0 k3 D1 v, }5 w1 G# S8 ^
}
( u. \! t2 B( X0 ]& {+ M
else if (document.layers){
% N2 ^0 t3 v$ L" s' t
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
! D. E6 r- I, k5 G2 E4 W
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
. T, L) B2 ?2 [4 K# @/ L
write('</ilayer>')
% ?; f7 ^4 ~& p+ {
}
8 }+ N$ x# `5 N- s3 \
document.write('</td></table>')
- I: \+ S9 a, e j$ i" r
}
d# y, b$ ?% o7 q
}
4 O% E( T- L) O; X
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
