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>
发表评论