Html实现滚动文字-类似网页中的公告

1.描述:Html实现滚动文字-类似网页中的公告


2.原理:使用marquee标签


3.属性:


    *align: 对齐方式-top、middle、bottom


    *direction: 滚动文字方向-up、left、right、dowm


    *behavior: 滚动的方式-scoll(循环滚动)、slide(单次滚动)、alternate(来回滚动)


    *loop: 滚动的次数-默认-1且Infinite无限滚动


    *scrollamount:滚动的速度


    *scrooldelay: 滚动的间隔


    *width:滚动区域宽度


    *height:滚动区域的高度


    *bgcolor: 滚动背景


    *hspace: 滚动区域与浏览器边界的水平距离


    *wspace: 滚动区域与浏览器边界的垂直距离 


4.代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>html滚动代码</title>
 
</head>
<body>
    <!-- 只用了两个核心属性,别的可以自行实验 -->
    <marquee behavior="scroll" direction="right">
        这里是滚动的内容!
    </marquee>
</body>
</html>


哆哆盘
    免责声明:本站资源收集自互联网,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除!敬请谅解!
上一篇:自己收藏的一份PS快捷键图
下一篇:美逛APP

发表评论