HTML标签marquee实现滚动效果

使用表情和标签增强互动效果 #生活技巧# #健身锻炼技巧# #健身社区互动#

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - 可以实现多种滚动效果，无需js控制。

使用marquee标记不仅可以移动文字，也可以移动图片，表格等.

语法：…； 说明：在标记之间添加要进行滚动的内容。

重要属性：

1.滚动方向direction（包括4个值：up、 down、 left和 right）

语法：…

2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）

语法：…

3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）

语法：…

4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）

语法：…

5.滚动循环loop（默认值是-1，滚动会不断的循环下去）

语法：…

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

代码示例：

无标题文档

指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...

<marquee behavior=“scroll” direction=“up” scrolldelay=“1” scrollamount=“2” onMouseOver=“this.stop()” onMouseOut="this.start()"style=“height:310px;”>
放下一切回归自我，让美景舒缓情绪，让山水净化心灵…

逃离喧嚣与嘈杂的尘世，断了工作和生活的一切琐碎，寻一处宁静之地…

借着休假的机会，逃离喧嚣的现实…

享一份清新淡雅的静谥，让阳光抚摸自由跳动的心灵…

喜欢白洋淀里含苞待放的荷花，幽幽的散发着一池的清香，静静的绽放着独有的美丽…

忘却循规蹈矩的制约，只为去一次远行，让心灵回归原始的空白…

放下一切回归自我，让美景舒缓情绪，让山水净化心灵…

逃离喧嚣与嘈杂的尘世，断了工作和生活的一切琐碎，寻一处宁静之地…

借着休假的机会，逃离喧嚣的现实…

享一份清新淡雅的静谥，让阳光抚摸自由跳动的心灵…

喜欢白洋淀里含苞待放的荷花，幽幽的散发着一池的清香，静静的绽放着独有的美丽…

忘却循规蹈矩的制约，只为去一次远行，让心灵回归原始的空白…

网址：HTML标签marquee实现滚动效果 https://www.yuejiaxmz.com/news/view/164613

相关内容

TextView属性android:ellipsize=“marquee“不生效的解决办法
html a标签属性 rel='nofollow'
HTMl综合各大网站谈谈Meta标签和meta property=og标签含义
妙法攻略：渐变虚框及边框滚动动画的纯CSS实现 « 张鑫旭
【HTML】表单标签，表单的格式化
记录一次HTML中的meta标签使用及含义
html网页制作——HTML节日主题网页项目的设计与实现——圣诞节日介绍(HTML+CSS)
软件开发实训（720科技）――第五课：数据绑定和标签库
在html中引入iconfont图标
meta标签中兼容模式详解 http

随便看看