1、在HTML5中，range型input标签用于创建一个滑动条，让用户可以通过鼠标或触屏操作选择或输入数字下面是如何使用它的直观解释首先，Range对象是浏览器中表示选区或连续文本区域的核心对象在现代浏览器中如Chrome和Firefox，你可以通过documentgetSelection或windowgetSelection获取用户的选区，其；我大概理解到了你的意思，是想实现背景的视觉差效果吧如果是这个的话两种方法，一种是设置backgroundattachmentfixed背景固定了 另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制感觉应该是你想要的效果了你说的这个是单页面效果我给你个网址上面有好多这样的；quot + eventtouches0clientY + quotquot break windowaddEventListener#39load#39，load， falseHTML代码ltdiv id=quotinpquotltdiv上面的小例子当touchstart事件触发的时候，会将触摸的位置更新到div标签中当touchmove事件触发的时候，会默认行为的滚动触摸移动的默认行为是滚动页面。

2、这个是html5的效果，以下是源代码lt！DOCTYPE htmllthtml xmlns=quotltheadltmeta；dx arrowdrawcontext ltscript ltbodylthtmlvar canvas=documentgetElementById“canvas”即将变量 canvas 作为对 html5 canvas标签id为’canvas’ 的引用context=canvasgetContext‘2d’获取canvas该对象后，可在其上进行图形绘制；自1999年以后HTML 401 已经改变了很多，今天，在HTML 401中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者。

3、动作1按住鼠标右键向下拖动这个规定动作非常简单，向下滚动页面，每做一次这样的动作，页面就会滚动到下一屏，它是一屏一屏的滑动的动作2按住鼠标右键向上拖动这个动作和上面的动作是相反的，每当操作一次这样的规定动作，可实现页面的向上滚动，每滑动一次就滚动到上一屏的内容动作3按住鼠标右键；html5可以使用代码实现的简单幻灯片，并且能用鼠标滚轮滚动进行换页具体代码如下lt！doctype htmllthtml lthead lttitlelttitleltstyle#slidespositionabsoluteleft0pxtop0pxheight100%width100%overflowhidden slidepositionabsoluteheight600pxwidth800pxopacity07；一通过css样式中的 quothoverquot实现，代码如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500pxltstyleltheadltbodyltdiv变大ltdivlt；比较div的offset和 滚动的距离scroll，当offsetltscroll时，就触发事件参考；要同时显示就要同时触发动画，可以在HTML上把这3个box组织在一处，放在同一个父容器里，再用CSS同时触发示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox3quot2sltdivltdiv同时触发的CSSfatherhover box1 * box1动画；添加鼠标事件处理代码 var myimage = documentgetElementByIdquotmyimagequotif myimageaddEventListener IE9， Chrome， Safari， Opera myimageaddEventListenerquotmousewheelquot， MouseWheelHandler， false Firefox myimageaddEventListenerquotDOMMouseScrollquot， MouseWheelHandler， false IE。

4、Pointer Events API 是 HTML5 的事件规范之一，旨在整合鼠标触摸和触控笔三种事件，提供统一的 API此 API 通过 Pointer 事件与 Touch Events API 类似来处理，而 Pointer 则定义为可以在屏幕上反馈一个指定坐标的输入设备Pointer Events API 继承并扩展了 Mouse Event，因此它拥有 Mouse Event；2注意操作，你点击的时候在哪个元素当中，比如你点击正处于元素当中，那么当元素的滚动条滚动到下端时才开始滚动网页的滚动条，而当你点击在网页中并非元素中时，则滚动的网页的滚动条3相关页面的代码中有没有添加关于鼠标动作的事件监听，比如元素的滚轮事件监听，元素的点击事件监听，document文档；1创建两个html文件，一个test一个test22打开test页面，在里面创建一个div，并给其添加onmousedown与move方法3打开后我们发现是一个棕绿的页面4定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标5实现鼠标点击执行的down方法，在里面通过clientX获得鼠标按下坐标，并赋值给；首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮然后，我们需要设置一下进度条显示的进度value代表从多少。