返回列表 发帖

网页之跑马灯文字特效

//修改宽度
8 h. Q, ^) V# o' a# Cvar marqueewidth=300& c; |. r1 \' {) U0 ?; H$ o2 h/ z
//高度% c* O, M3 Y7 |' A4 J1 O
var marqueeheight=25! M6 H4 z5 L1 ~) z' o! _0 |( D
//速度(1-10)
" m' D' v, N$ c, ^var marqueespeed=3
0 k- g8 ^# d! n6 g7 C//背景颜色  C7 ^7 y# H$ J+ F
var marqueebgcolor="#FFFFFF") E6 W  _9 ^) K" |# f- a
//是否能暂停 (0=no. 1=yes)?
' Z% C% W* Z1 H& p* d7 n( R# avar pauseit=16 P* v) g; J8 L# P/ |/ Q+ v

3 K% P! `1 Y/ D8 F//修改显示内容
6 _7 ]% N( f: F- F$ e6 Vvar marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效,另外,为了网友更方便地学习,我们还改写和编写了部分的特效,并作了详细的说明和必要的使用提示!</font></nobr>'
( h, P, ~9 K: H  [2 K  C3 L: b( u! Q8 C3 z
& f( N, I) k) }1 }' H( |9 P) A
////下面不需改变////////////
* Z+ N' u3 n) K4 l
1 f1 \4 R, T6 B/ |. I" mvar copyspeed=marqueespeed
2 p! u. |5 i2 r6 ]9 R0 |+ \var pausespeed=(pauseit==0)? copyspeed: 0
& T& W6 b' u" B5 e; v5 pvar iedom=document.all||document.getElementById
# }% e$ X% i3 i9 h+ ]5 iif (iedom)
* P3 f- G5 ~8 x/ Fdocument.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')3 Z* M5 o1 b8 ?7 d7 j
var actualwidth=''
  T3 r, W& M+ ^3 v' l: A8 k' a) T$ nvar cross_marquee, ns_marquee
; Z( N" D6 p; [9 ^3 m0 F; q3 O0 N$ p2 A
function populate(){0 H# k* R8 {: _5 y3 n
if (iedom){
' S, B) j4 ?" D! c. k+ Pcross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee( [$ \! m* J* P- I
cross_marquee.style.left=marqueewidth+8# E: O& k5 O& G, V$ k
cross_marquee.innerHTML=marqueecontent
' j" Y+ q! s" D& M0 T% n7 ~- Hactualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
; ?. K  H5 T* j}; p+ Q3 ?( d$ q5 @8 C1 m5 ?
else if (document.layers){
9 Q0 p; Q* y$ Z7 J: Nns_marquee=document.ns_marquee.document.ns_marquee2( ]$ ?# M: M( \+ T  Q
ns_marquee.left=marqueewidth+8
9 c; r6 b  h/ r) U" e8 Qns_marquee.document.write(marqueecontent)
3 `# c, }% K7 i, O6 Nns_marquee.document.close()
$ y" G, Y) a/ U' G3 qactualwidth=ns_marquee.document.width& k& V. X! E9 y! D( C7 n
}
5 G% l% g' G! _2 l* Jlefttime=setInterval("scrollmarquee()",20)* N; D, ?# q! q2 Q2 E6 g
}% D2 p' U9 A9 k3 R8 ?0 u0 B
window.onload=populate
* T/ G/ p# i" h+ s, ~4 |9 c( s# E2 E& z4 h. ~
function scrollmarquee(){
1 B5 p  L+ D3 p( z# }4 V% i. N5 iif (iedom){
, P, A( w* m6 U0 g( l/ \if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
* p2 D, @7 T7 \3 C5 I4 W9 Across_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
( Z- P3 x& F% |) a% o4 p- L0 uelse
) |3 @9 t9 T% p7 t: R" Hcross_marquee.style.left=marqueewidth+8( v* N2 [1 |& W3 M

3 K& E5 a1 {6 @9 k# u9 V}  V9 i' K! f) I  D
else if (document.layers){
: ^- o+ {) {; N& E2 [1 Vif (ns_marquee.left>(actualwidth*(-1)+8))/ G7 o8 j1 h; e$ g
ns_marquee.left-=copyspeed% v8 g1 B+ P% U$ C7 g8 i
else
2 D5 W: \4 c, p& G7 i' {ns_marquee.left=marqueewidth+8& p- a# z! O  |6 Q4 L3 D
}
3 }" C8 [3 p6 G}0 _4 I; U  \/ g  I# F

- r0 h' b& d2 v& B1 a* C- }2 Nif (iedom||document.layers){
9 o4 E2 B7 G: n& b3 Jwith (document){' v) @1 B+ r' G$ B
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
' z4 Y, m) @4 Kif (iedom){8 W5 `2 R' P! F7 T* S* U; R4 G& h" i
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
% H, [$ h+ ?8 E. z" o) y2 Vwrite('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')( u3 R2 f7 z+ j1 k) o# B
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
1 v# V; A/ R' Y$ b& W; L/ |) {write('</div>')8 O6 X% u2 B& ~0 N6 D
}
! }' t* d0 ]5 N4 V* ?/ z2 h& Selse if (document.layers){
* j, D9 q! }8 y* qwrite('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
# [+ ?8 a  R# f( B. J8 n2 |' `! mwrite('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')& u9 F% u" m) h, }
write('</ilayer>')
4 Y9 _) K4 ~, s" T}6 k! m% t. \4 _& g
document.write('</td></table>')
% _5 R" e! Q" V5 y% f}
- X  O& h' Q0 ]* \}- y: ^3 s) p/ G! Y. m) K$ D8 {" F7 R
</script>

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