<marquee>,视频和音频的插入,正则表达式

1.marquee

页面的自动滚动效果,不仅可以移动文字,也可以移动图片表格。

<marquee></marquee>之间加内容即可。

marquee的属性

1.滚动方向direction(包括4个值:updownleftright

  语法:<marquee direction="滚动方向"></marquee>

2.滚动方式behaviorscroll:循环滚动,默认效果; 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.滚动范围widthheight

7.滚动背景颜色bgcolor

8.空白空间hspace    (表示水平)vspace    (表示垂直)

2.audio和video的插入

 

<audio controls>

 

<source src="horse.mp3" type="audio/mpeg">

 

<source src="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="movie.mp4" type="video/mp4">
<source src="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>

 

posted @ 2016-09-06 19:45  削肾客  阅读(666)  评论(0编辑  收藏  举报