用HTML的<marquee>活动字幕标记。该标记语法格式如下:
<marquee aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
Behavior:则用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端; behavior="slide"表示由一端快速滑动到另一端; behavior="alternate"表示在两端之间 来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。
scrolldelay:用于设定滚动两次之间的延迟时间。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
<marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
<marquee aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>
可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
Behavior:则用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端; behavior="slide"表示由一端快速滑动到另一端; behavior="alternate"表示在两端之间 来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。
scrolldelay:用于设定滚动两次之间的延迟时间。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
<marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。
<script language="javascript">
var imgheight
var imgleft
//document.ns = navigator.appName == "Netscape"
isNS = (document.layers)?true:false; //NS4:true ie\ns6、7:false
window.screen.width>800 ? imgheight=150:imgheight=150
window.screen.width>800 ? imgleft=15:imgleft=120
function myLeftload()
{
if (isNS)
{document.myleft.pageY=pageYOffset+window.innerHeight-imgheight;
document.myleft.pageX=imgleft;
leftmove();
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
leftmove();
}
}
function leftmove()
{
if(isNS)
{
document.myleft.top=pageYOffset+window.innerHeight-imgheight
document.myleft.left=imgleft;
setTimeout("leftmove();",80)
}
else
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myleft.style.left=imgleft;
setTimeout("leftmove();",80)
}
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((isNS)&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
if (isNS)
{
document.write("<layer id=myleft top=300 width=80 height=80>");
document.write("<a href=图片链接地址 target=_blank>");
document.write("<img src='图片路径/图片名称' width=80 HEIGHT=80 border=0></a>");
document.write("</layer>");
myLeftload()}
else
{
document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>");
document.write("<a href=图片链接地址 target=_blank>");
document.write("<img src=图片路径/图片名称' width=80 HEIGHT=80 border=0></a>");
document.write("</div>");
myLeftload()
}
</script><!--右浮动广告-->
<script language="javascript">
var imgheight
var imgright
document.ns = navigator.appName == "Netscape"
window.screen.width>800 ? imgheight=150:imgheight=150
window.screen.width>800 ? imgright=window.screen.width-15-120:imgright=window.screen.width-120-120
function myRightload()
{
if (navigator.appName == "Netscape")
{document.myright.pageY=pageYOffset+window.innerHeight-imgheight;
document.myright.pageX=imgright;
rightmove();
}
else
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myright.style.left=imgright;
rightmove();
}
}
function rightmove()
{
if(document.ns)
{
document.myright.top=pageYOffset+window.innerHeight-imgheight
document.myright.left=imgright;
setTimeout("rightmove();",80)
}
else
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight;
myright.style.left=imgright;
setTimeout("rightmove();",80)
}
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
if (navigator.appName == "Netscape")
{
document.write("<layer id=myright style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>");
document.write("<a href=图片链接地址 target=_blank>");
document.write("<img src=图片路径/图片名称' width=80 HEIGHT=80 border=0></a>");
document.write("</layer>");
myRightload()}
else
{
document.write("<div id=myright style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>");
document.write("<a href=图片链接地址 target=_blank>");
document.write("<img src=图片路径/图片名称' width=80 HEIGHT=80 border=0></a>");
document.write("</div>");
myRightload()}
</script>
在相应图片链接位置上加上图片的链接,在图片路径与图片名称上写好图片存放路径与名称。