移动标签《marquee》

来源:互联网 发布:24网络交换机怎么连接 编辑:程序博客网 时间:2024/05/17 04:32

marquee:实现文本的滚动效果

课用于列表文档的滚动

设置滚动方向:direction="up/down/left/right"

设置滚动方式:behavior=

                           "scroll表示由一端滚动到另一端,会重复"

                           "slide表示由一端滚到另一端,不重复"

                           "alternate来回滚动"

设置滚动字幕的背景颜色:bgcolor="#123456"

设置文本滚动次数:loop="-1表示一直滚下去"  默认值-1

设置文本滚动速度:scrollamount="2"

设置文本滚动延迟时间:scrolldelay="10" 毫秒

常用的两个事件:

onmouseover="this.stop()"鼠标移入文本区时,文本停止滚动

onmouseout="this.start()"鼠标移开文本区,文本继续滚动

<!DOCTYPE ><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body>  <ul type="disc">     <li>广州        <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" onmouseover="this.stop()" onmouseout="this.start()">            <ul>               <li>天河</li>               <li>萝岗</li>               <li>海珠</li>            </ul>         </marquee>      </li>   </ul></body></html>



0 0
原创粉丝点击