中软大前端0307--文字滚动，列表list

发表于 | 分类于

marquee标签 :滚动

1
2
3
<div class="">
	<marquee behavior="" direction="left"></marquee>
</div>

behavior：文字滚动样式scroll,slide,alternate

  • scroll:滚动
  • slide:滑动
  • alternate:碰撞滚动

direction:文字滚动方向 left,right,up,down

  • left:从右向左
  • up:从下向上

loop:文字滚动次数

scrolldelay:每次滚动的时间间隔(毫秒)

scrollamount:每次滚动之间的间隔像素

list列表

有序列表

1
2
3
<ol type="1">
	<li></li>
</ol>

type值：

  • 1: 1 2 3 4
  • A：A B C D E
  • a:a b c d e
  • i:i ii iii iv
  • I:I II III IV

无序列表

1
2
3
<ul>
	<li></li>
</ul>

type值：

  • circle：空心圆
  • square：小方块
  • disc：实心圆（默认）

自定义列表

1
2
3
4
5
6
<dl>
	<dt>标题</dt>
	<dd>段落</dd>
	<dt>标题</dt>
	<dd>段落</dd>
</dl>

媒体

音频

1
<audio src="" controls autoplay="autoplay"></audio>

controls 控制器,控件
autoplay 自动播放

视频

1
<video src="" controls="controls"></video>

不加controls控件时，只显示一个图片
用js调整控件显示样式

H5新特性 语义化布局
头部 导航



主体部分