<marquee> 标签可以让对象滚动。定义格式:
- <marquee>……</marquee>
注意:有些非IE浏览器不支持此标签。
<marquee> 标签的常用属性有:
direction:滚动方向。取值有 left(左移)、right(右移)、up(上移)、down(下移)。默认值为 left。
behavior:滚动方式。取值有 scroll(一圈一圈绕着走)、slide(只走一次)、alternate(来回走)。默认值为 scroll。
loop:循环次数。如果没有指定此属性,则循环不止。
scrollamount:滚动速度。值越大,速度越快。
scrolldelay:延时时间。值越大,每移动一步停顿的时间。
举例:
<style type="text/css">
#blk1 {
border: 3px double green; background-color: #FFFFF0; padding-top: 6px; padding-bottom: 5px;
}
#blk2 {
border: 1px solid #000; background-color: #FFFFF0; margin-top: 10px; margin-bottom: 10px;
}
#blk2 img {
width: 200px; margin-right: 10px;
}
</style>
<div id="blk1"><marquee><img src="./image/Forum_nav.gif" />今天天气很好,咱们一起去爬山吧。</marquee></div>
<div id="blk2"><marquee direction="right"><img src="../../image/0800.jpg" /><img src="../../image/0801.jpg" /><img src="../../image/0805.jpg" /><img src="../../image/0806.jpg" /></marquee></div>
#blk1 {
border: 3px double green; background-color: #FFFFF0; padding-top: 6px; padding-bottom: 5px;
}
#blk2 {
border: 1px solid #000; background-color: #FFFFF0; margin-top: 10px; margin-bottom: 10px;
}
#blk2 img {
width: 200px; margin-right: 10px;
}
</style>
<div id="blk1"><marquee><img src="./image/Forum_nav.gif" />今天天气很好,咱们一起去爬山吧。</marquee></div>
<div id="blk2"><marquee direction="right"><img src="../../image/0800.jpg" /><img src="../../image/0801.jpg" /><img src="../../image/0805.jpg" /><img src="../../image/0806.jpg" /></marquee></div>
712

被折叠的 条评论
为什么被折叠?



