【JavaScript】 文本滚动消息提示

 

需要引入JQ库

<script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

HTML代码部分：

<marquee scrollamount="12" scrolldelay="0" direction="left" onmouseout="this.start()" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" onmouseover="this.stop()">
    <span>1超经典科幻大片重启！百分百必看</span>
    <span>2超经典科幻大片重启！百分百必看</span>
    <span>3超经典科幻大片重启！百分百必看</span>
    <span>4超经典科幻大片重启！百分百必看</span>
</marquee>

属性控制:

scrollamount="12" 速度控制
direction="left" 方向控制

 

posted @ 2021-03-03 18:33  emdzz  阅读(121)  评论(0)  编辑  收藏  举报