一篇文章资助你理解跑马灯的滚动事理
编辑：[db:作者] 时间：2024-08-25 06:22:42
一、滚动办法1. 普通滚动
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </body> <marquee>这里是您要填的内容</marquee></html>
<marquee behavior="slide">这里是您要填的内容</marquee>
<marquee behavior="slide" direction="right">这里是您要填的内容</marquee>
2.图片滚动2.1 预设滚动
图片滚动到右边界，自动再从左边滚动。
<marquee behavior="scroll"><img src="img/border.png"></marquee>
<marquee behavior="alternate"><img src="img/border.png"></marquee>
向左滚动
<marquee direction="left"><img src="img/border.png"></marquee>
向右滚动
<marquee direction="right"><img src="img/border.png"></marquee>
向下滚动
<marquee direction="down"><img src="img/border.png"></marquee>
向上滚动
<marquee direction="up"><img src="img/border.png"></marquee>
二、参数1. 设定滚动次数(可自行变动参数)
<marquee loop="2">这里是您要填的内容</marquee>2. 设定背景颜色 (16进位颜色或笔墨输入)
<marquee bgcolor="#??????">这里是您要填的内容</marquee>3. 设定滚动宽度
为了方便辨别，这里加上bgcolor属性。
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <body> <div > <p>初始化</p> <marquee bgcolor="red"; >这里是您要填的内容</marquee> </div> <div> <p>设置高度</p> <marquee bgcolor="aqua";width="380">这里是您要填的内容</marquee> </div></body></html>
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <body> <div > <p>初始化</p> <marquee bgcolor="red"; >这里是您要填的内容</marquee> </div> <div> <p>设置高度</p> <marquee bgcolor="aqua"; height="38">这里是您要填的内容</marquee> </div></body></html>
5. 设定滚动速率 (可自行变动参数)
<marquee scrollamount="30">这里是您要填的内容</marquee>
三、总结
本文以html为根本，紧张先容了常见的效果（跑马灯）的滚动事理，详细先容了三种常见的滚动以及其干系属性，以及对设置参数时碰着的难题逐一解答，希望能够帮助你学习。
本站所发布的文字与图片素材为非商业目的改编或整理，版权归原作者所有，如侵权或涉及违法，请联系我们删除，如需转载请保留原文地址：http://www.baanla.com/xyj/154993.html
上一篇：维修电工跳闸维修漏电检测
下一篇：返回列表
