中软大前端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新特性 语义化布局
头部 导航



主体部分