标题:
网页之跑马灯文字特效
[打印本页]
作者:
zw2004
时间:
2008-1-21 20:53
标题:
网页之跑马灯文字特效
//修改宽度
# z" O! w! a% k1 }
var marqueewidth=300
/ r" E. U7 M; G
//高度
" w& r B% o8 E
var marqueeheight=25
$ r$ F# b, E$ ^* i) l8 `7 e1 p% E
//速度(1-10)
( J% r/ W {5 Z# k& _* n
var marqueespeed=3
8 a9 Y5 s! X( L$ f! g+ u% S
//背景颜色
! h7 f5 B/ S4 R
var marqueebgcolor="#FFFFFF"
" ~& _0 ]; \2 E" K" P1 h
//是否能暂停 (0=no. 1=yes)?
& N0 O/ V" D o$ h$ F9 k; n/ q- c
var pauseit=1
! W+ ?+ G+ E. H8 ]- ~
- m ~3 [+ B6 V
//修改显示内容
7 O& T) `! H# h G* B; ?
var marqueecontent='<nobr><font face="Arial" size=2><a href="http://www.jzzy.com/js.asp">欢迎光临七色风网页家园</a>--这里有从上千个网页特效中精选的300多个实用的特效，另外，为了网友更方便地学习，我们还改写和编写了部分的特效，并作了详细的说明和必要的使用提示!</font></nobr>'
( @5 ]7 H# h0 b
6 p$ K( `: Y- L1 a+ w
( [' m1 m6 o) L! H5 C2 p% ?0 j$ j
////下面不需改变////////////
. |1 _5 x$ P$ _+ ^( I. e0 e( s% h! x
0 ?5 \+ C* q3 {9 r) L7 k# L
var copyspeed=marqueespeed
$ [2 f) z8 t2 P) d. t; a4 |
var pausespeed=(pauseit==0)? copyspeed: 0
" Y; r! K7 ]( E4 T' Z7 m
var iedom=document.all||document.getElementById
, t ]: k& ^4 E" y& x
if (iedom)
& l) [( h3 p, r: ^3 W' J
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
; ?1 i) L: U. [* ~9 m# R* t" Y3 q* g! C
var actualwidth=''
1 b. B; `- S) [! P7 N
var cross_marquee, ns_marquee
E6 ?: m, Y. g0 T
- ~9 ?9 @3 o* {# v, U) ]
function populate(){
- {; R! k* R! `
if (iedom){
. y8 s4 D5 ?/ r: [/ I4 ~- F" m; |
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
+ d7 S j' j% ` B
cross_marquee.style.left=marqueewidth+8
, b2 ~7 a; a. m) _
cross_marquee.innerHTML=marqueecontent
/ L, l' p4 F8 s6 ~% d
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
( W, D/ v) L @' Q) E+ q' e
}
* n1 k2 n' l s: V/ k) h
else if (document.layers){
$ m. Q. I8 a; l0 k' ^( c
ns_marquee=document.ns_marquee.document.ns_marquee2
) F6 Z5 {, t# J; c- [% o8 N5 i
ns_marquee.left=marqueewidth+8
0 `0 b9 \9 ]9 C7 F0 U
ns_marquee.document.write(marqueecontent)
3 w& t, K! {. `
ns_marquee.document.close()
" ]) p. I6 U5 A5 z
actualwidth=ns_marquee.document.width
7 K# G& l- J; D! d! Q7 O
}
! d7 ^" e. Z& w+ x5 @; Q
lefttime=setInterval("scrollmarquee()",20)
* X" Y/ d2 B' Z6 t9 f9 x" _6 l2 a3 X) e
}
+ y$ k' [( ?6 }5 i3 d! |
window.onload=populate
# |! a) w! V4 D0 u' y( N$ x
5 K+ I0 F' q4 i! w8 X O4 O
function scrollmarquee(){
: U- x* T5 q' p8 P* s. T8 s( n
if (iedom){
5 f3 E" l% ]! Z2 D( L! [9 J: ~
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
7 r% C! F. @3 n, V1 B' F
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
- L6 W9 r- |# }5 h3 {0 x
else
d5 C; a5 [8 I4 T9 \8 l2 w/ ~ D
cross_marquee.style.left=marqueewidth+8
1 N& y' F# X, y" t1 z- J, ~
# Y: s. S9 G9 n; X
}
$ j* c+ v4 A; j2 f+ N- _" `' L! k
else if (document.layers){
; b) }2 }: C8 z) O( w3 T5 F
if (ns_marquee.left>(actualwidth*(-1)+8))
$ o$ l- e) J. q! i& n
ns_marquee.left-=copyspeed
4 D" `1 J' ~! {' v4 b
else
3 @" N1 q* d; c' I0 @5 [
ns_marquee.left=marqueewidth+8
6 d1 U9 w) g- q- Q/ m
}
: X' m! F- O7 q1 V
}
5 J4 u% I- i; b
/ G# W, F4 n5 b6 w+ p
if (iedom||document.layers){
! c( _" \. H, {0 J$ z$ N
with (document){
) [% B2 D% W3 J$ U
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
( z! K9 V2 Y* d7 C. i6 _9 `! j
if (iedom){
+ ?% T' l2 l( ~5 X4 p! Z
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
) H+ G) {% I0 l! [; u, Z
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
. c6 t9 }! ~3 ?# }* `: h% s3 r
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
& y" ^0 P" D- E v- D% Y7 Q' N2 N3 w
write('</div>')
& b2 _! X* \) {* u/ ]. A/ f" u
}
5 V7 G; D: O- v8 W, Q& e$ F
else if (document.layers){
" G8 f8 r! [) c. x
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
0 H8 O/ T/ ^) z& c7 F" S+ R
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
% ^2 m7 \4 ^; H$ d9 R! L2 e8 B R
write('</ilayer>')
! u1 ~% H* q# F6 y) ]! i
}
5 k; s$ \2 X/ ~/ n6 G) X! p+ u8 I6 j
document.write('</td></table>')
" ?" t! y# @4 n" I
}
, v/ Z9 m8 O% Z$ a" z$ g3 H
}
- {8 z _ D" Y6 [
</script>
欢迎光临 捌玖网络工作室 (http://89w.org/)
Powered by Discuz! 7.2
