jsp页面跑马灯加载后实现滚动一篇文章赞助你懂得赛马灯的滚动道理

一、滚动办法1. 普通滚动

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </body> <marquee>这里是您要填的内容</marquee></html>

1.1 笔墨碰到左边就会停滞

<marquee behavior="slide">这里是您要填的内容</marquee>

1.2 笔墨碰到右边就会停滞

<marquee behavior="slide" direction="right">这里是您要填的内容</marquee>

jsp页面跑马灯加载后实现滚动一篇文章赞助你懂得赛马灯的滚动道理 jQuery

2.图片滚动2.1 预设滚动

图片滚动到右边界，自动再从左边滚动。

<marquee behavior="scroll"><img src="img/border.png"></marquee>

2.2 来回滚动

<marquee behavior="alternate"><img src="img/border.png"></marquee>

2.3 滚动的方向

向左滚动

<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>

4. 设定滚动高度

<!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为根本，紧张先容了常见的效果（跑马灯）的滚动事理，详细先容了三种常见的滚动以及其干系属性，以及对设置参数时碰着的难题逐一解答，希望能够帮助你学习。