1、在HTML5中，range型input標(biāo)簽用于創(chuàng)建一個滑動條，讓用戶可以通過鼠標(biāo)或觸屏操作選擇或輸入數(shù)字下面是如何使用它的直觀解釋首先，Range對象是瀏覽器中表示選區(qū)或連續(xù)文本區(qū)域的核心對象在現(xiàn)代瀏覽器中如Chrome和Firefox，你可以通過documentgetSelection或windowgetSelection獲取用戶的選區(qū)，其；我大概理解到了你的意思，是想實(shí)現(xiàn)背景的視覺差效果吧如果是這個的話兩種方法，一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺應(yīng)該是你想要的效果了你說的這個是單頁面效果我給你個網(wǎng)址上面有好多這樣的；quot + eventtouches0clientY + quotquot break windowaddEventListener#39load#39，load， falseHTML代碼ltdiv id=quotinpquotltdiv上面的小例子當(dāng)touchstart事件觸發(fā)的時候，會將觸摸的位置更新到div標(biāo)簽中當(dāng)touchmove事件觸發(fā)的時候，會默認(rèn)行為的滾動觸摸移動的默認(rèn)行為是滾動頁面。

2、這個是html5的效果，以下是源代碼lt！DOCTYPE htmllthtml xmlns=quotltheadltmeta；dx arrowdrawcontext ltscript ltbodylthtmlvar canvas=documentgetElementById“canvas”即將變量 canvas 作為對 html5 canvas標(biāo)簽id為’canvas’ 的引用context=canvasgetContext‘2d’獲取canvas該對象后，可在其上進(jìn)行圖形繪制；自1999年以后HTML 401 已經(jīng)改變了很多，今天，在HTML 401中的幾個已經(jīng)被廢棄，這些元素在HTML5中已經(jīng)被刪除或重新定義為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用，HTML5添加了很多新元素及功能，比如 圖形的繪制，多媒體內(nèi)容，更好的頁面結(jié)構(gòu)，更好的形式 處理，和幾個api拖放元素，定位，包括網(wǎng)頁 應(yīng)用程序緩存，存儲，網(wǎng)絡(luò)工作者。

3、動作1按住鼠標(biāo)右鍵向下拖動這個規(guī)定動作非常簡單，向下滾動頁面，每做一次這樣的動作，頁面就會滾動到下一屏，它是一屏一屏的滑動的動作2按住鼠標(biāo)右鍵向上拖動這個動作和上面的動作是相反的，每當(dāng)操作一次這樣的規(guī)定動作，可實(shí)現(xiàn)頁面的向上滾動，每滑動一次就滾動到上一屏的內(nèi)容動作3按住鼠標(biāo)右鍵；html5可以使用代碼實(shí)現(xiàn)的簡單幻燈片，并且能用鼠標(biāo)滾輪滾動進(jìn)行換頁具體代碼如下lt！doctype htmllthtml lthead lttitlelttitleltstyle#slidespositionabsoluteleft0pxtop0pxheight100%width100%overflowhidden slidepositionabsoluteheight600pxwidth800pxopacity07；一通過css樣式中的 quothoverquot實(shí)現(xiàn)，代碼如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500pxltstyleltheadltbodyltdiv變大ltdivlt；比較div的offset和 滾動的距離scroll，當(dāng)offsetltscroll時，就觸發(fā)事件參考；要同時顯示就要同時觸發(fā)動畫，可以在HTML上把這3個box組織在一處，放在同一個父容器里，再用CSS同時觸發(fā)示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox3quot2sltdivltdiv同時觸發(fā)的CSSfatherhover box1 * box1動畫；添加鼠標(biāo)事件處理代碼 var myimage = documentgetElementByIdquotmyimagequotif myimageaddEventListener IE9， Chrome， Safari， Opera myimageaddEventListenerquotmousewheelquot， MouseWheelHandler， false Firefox myimageaddEventListenerquotDOMMouseScrollquot， MouseWheelHandler， false IE。

4、Pointer Events API 是 HTML5 的事件規(guī)范之一，旨在整合鼠標(biāo)觸摸和觸控筆三種事件，提供統(tǒng)一的 API此 API 通過 Pointer 事件與 Touch Events API 類似來處理，而 Pointer 則定義為可以在屏幕上反饋一個指定坐標(biāo)的輸入設(shè)備Pointer Events API 繼承并擴(kuò)展了 Mouse Event，因此它擁有 Mouse Event；2注意操作，你點(diǎn)擊的時候在哪個元素當(dāng)中，比如你點(diǎn)擊正處于元素當(dāng)中，那么當(dāng)元素的滾動條滾動到下端時才開始滾動網(wǎng)頁的滾動條，而當(dāng)你點(diǎn)擊在網(wǎng)頁中并非元素中時，則滾動的網(wǎng)頁的滾動條3相關(guān)頁面的代碼中有沒有添加關(guān)于鼠標(biāo)動作的事件監(jiān)聽，比如元素的滾輪事件監(jiān)聽，元素的點(diǎn)擊事件監(jiān)聽，document文檔；1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動的坐標(biāo)5實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊執(zhí)行的down方法，在里面通過clientX獲得鼠標(biāo)按下坐標(biāo)，并賦值給；首先，我們制作的這個進(jìn)度條并沒有后臺數(shù)據(jù)作為支撐，所以是一個靠js實(shí)現(xiàn)的一個簡單的頁面我們首先需要新建一個html5的頁面，其使用的progress元素實(shí)在html5時代才出現(xiàn)的我們在新建的頁面中，輸入一個段落標(biāo)簽，一個進(jìn)度條，一個button按鈕然后，我們需要設(shè)置一下進(jìn)度條顯示的進(jìn)度value代表從多少。