首页 > 代码库 > <marquee>，视频和音频的插入，正则表达式
<marquee>，视频和音频的插入，正则表达式
1.marquee
页面的自动滚动效果，不仅可以移动文字，也可以移动图片表格。
<marquee></marquee>之间加内容即可。
marquee的属性
1.滚动方向direction（包括4个值：up、 down、 left和 right）
语法：<marquee direction="滚动方向"></marquee>
2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）
语法：<marquee behavior="滚动方式"></marquee>
3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）
语法：<marquee scrollamount="5"></marquee>
4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）
语法：<marquee scrolldelay="100"></marquee>
5.滚动循环loop（默认值是-1，滚动会不断的循环下去）
语法：<marquee loop="2"></marquee>
6.滚动范围width、height
7.滚动背景颜色bgcolor
8.空白空间hspace (表示水平)、vspace （表示垂直）
2.audio和video的插入
<audio controls>
<source src="http://www.mamicode.com/horse.mp3" type="audio/mpeg">
<source src="http://www.mamicode.com/horse.ogg" type="audio/ogg">
您的浏览器不支持 audio 元素。
</audio>
注：MP3格式是支持最广泛的。
<body>
<div style="text-align:center">
<button onclick="playPause()">播放/暂停</button>
<button onclick="makeBig()">放大</button>
<button onclick="makeSmall()">缩小</button>
<button onclick="makeNormal()">普通</button>
<br>
<video id="video1" width="420" controls="controls">
<source src="http://www.mamicode.com/movie.mp4" type="video/mp4">
<source src="http://www.mamicode.com/movie.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
</body>
</html>
<script>
var myVideo=document.getElementById("video1");
function playPause()
{ if (myVideo.paused) myVideo.play();
else myVideo.pause(); }
function makeBig()
{myVideo.width=560; }
function makeSmall()
{ myVideo.width=320; }
function makeNormal()
{ myVideo.width=420; }
</script>
video自带的control属性可以自己写。
3.正则表达式
书写规则：/中间写正则表达式/
^ ：匹配开头，$：匹配结尾 ； /^ve/以ve开头的 /ve$/以ve结尾
\d：一个任意的数字
\w：一个任意的数字或字母
\s：一个任意的字符串
{n}：把左边的表达式重复n遍
{m,n}：把左边的表达式重复至少m遍，至多n遍
{m, }：把左边的表达式重复至少m遍，,至多不限
+：左边的表达式，至少出现一次，至多不限，相当于{1，}
*：左边的表达式，至少出现0次，至多不限，相当于{0，}
?：左边的表达式，至少出现0次，至多出现1次，相当于{0，1}
[a,b,c]：只能取方括号中内容之一
[a-z]或[1-9]：在范围中取其一
|：代表或者； （）：优先级； \：转义--“\( \)”这个才是要出现的小括号，需要转义
示例：（验证手机号）
function zgyp()
{
var zx=document.getElementById("phone").value;
if(!(/^1[3|4|5|7|8]\d{9}$/.test(phone)))
{alert("您输入的手机号有误")
return false}
}
</script>
<marquee>，视频和音频的插入，正则表达式