html实现滚动效果
2016-05-30 09:19
253 查看
页面自动滚动的效果可以用 marquee 标签来实现
<marquee direction="up" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"></marguee>
重要属性:direction 滚动方向,包括4个值 up down left right
behavior 滚动方式,scroll
循环滚动 默认效果 ;slide 只滚动一次就停止 ;alternate:来回交替进行滚动
scrollamount
滚动速度 滚动速度是设置每次滚动时移动的长度,以像素为单位
scrolldelay
滚动延迟 设置滚动的时间间隔,单位是毫秒
<marquee direction="up" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"></marguee>
重要属性:direction 滚动方向,包括4个值 up down left right
behavior 滚动方式,scroll
循环滚动 默认效果 ;slide 只滚动一次就停止 ;alternate:来回交替进行滚动
scrollamount
滚动速度 滚动速度是设置每次滚动时移动的长度,以像素为单位
scrolldelay
滚动延迟 设置滚动的时间间隔,单位是毫秒
相关文章推荐
- HTML中字体单位px pt em之间的转换
- HTML中有关表格的基本属性知识
- 代码验证浏览器是否支持html audio 和video
- HTML中有关表格的基本属性知识
- HTML自学基础
- HTML中有关表格的基本属性知识
- HTML中有关表格的基本属性知识
- 代码验证浏览器是否支持html audio 和video
- HTML中网页超链接设计
- HTML自学基础
- html 网页文本设计
- 代码验证浏览器是否支持html audio 和video
- HTML中网页超链接设计
- html 网页文本设计
- HTML自学基础
- 代码验证浏览器是否支持html audio 和video
- HTML中网页超链接设计
- html 网页文本设计
- HTML自学基础
- HTML中网页超链接设计