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)，并賦值給。

1如果是div設(shè)置了滾動條導(dǎo)致滑動不順暢，可以在css中加入webkitoverflowscrolling touch2如果是幻燈片，可以用swiper插件一類的3盡量用css3開啟GPU加速css隨便哪里加個transformtransition3d0，0，0，用transformtranslatex，y代替mairgin或者top4減少滑動過程中的運(yùn)動DOM。

touchmove事件當(dāng)手指在屏幕上滑動的時候連續(xù)地觸發(fā)在這個事件發(fā)生期間，調(diào)用preventDefault事件可以阻止?jié)L動touchend事件當(dāng)手指從屏幕上離開的時候觸發(fā)touchcancel事件當(dāng)系統(tǒng)停止跟蹤觸摸的時候觸發(fā)關(guān)于這個事件的確切出發(fā)時間，文檔中并沒有具體說明，咱們只能去猜測了上面的這些事件都會冒泡。

這個可以通過絕對定位，配合left設(shè)置 或者translate去實(shí)現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個過渡transitionleft 03s 然后讓class為menu active的元素設(shè)置 left設(shè)置為0就可以了 ，在這期間可以加一個過渡transitionleft 03s。

回答我都想要呢，誰有這個啊。

使用瀏覽器可以進(jìn)行手機(jī)效果測試現(xiàn)在各大瀏覽器都有這種功能了， 谷歌360搜狐等首先打開網(wǎng)頁，點(diǎn)擊右鍵列表里會有“審查元素”，再點(diǎn)擊手機(jī)那個按鈕，就可以調(diào)整屏幕寬度查看手機(jī)效果。

如果不想用傳統(tǒng)的頁面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說的那種，上下不動只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個瀏覽器始終處在一個界面中，只是在不停的重新渲染內(nèi)容，頁面并沒有跳轉(zhuǎn)，這個應(yīng)該就是你想要的了吧。

要同時顯示就要同時觸發(fā)動畫，可以在HTML上把這3個box組織在一處，放在同一個父容器里，再用CSS同時觸發(fā)示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox3quot2sltdivltdiv同時觸發(fā)的CSSfatherhover box1 * box1動畫。

HTML5怎么把導(dǎo)航固定在底部的步驟如下css的定位樣式屬性來實(shí)現(xiàn)會用到css中的positionfixed屬性，結(jié)合來實(shí)現(xiàn)ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0*left0zindex1ltstyleltdiv class=quotfootmenuquotlt！導(dǎo)航具體。

我們刷新頁面預(yù)覽下效果 5 接下來我們隱藏掉二級下來菜單，并給它添加鼠標(biāo)滑動效果，使得當(dāng)鼠標(biāo)滑動到主欄目時，二級下來菜單顯示，樣式如下nav ul li ul positionabsolute display nav ul li ul li float nav ul li ul li a borderright bordertop1px。

動畫效果，圖片從右側(cè)飛入 quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置輪播動畫代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動 2幕布式 3左右滾動4淡入淡出 time 5000， 間隔時間 speed50。

HTML5讓導(dǎo)航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運(yùn)行頁面時，滾動條滾動后導(dǎo)航將消失5，為了將導(dǎo)航欄固定在頂部，可以添加樣式位置固定最高0。

4滑動交互 拖拽交互必須在長按交互的基礎(chǔ)上滑動，從一個點(diǎn)拖動到另一個點(diǎn)可以讓用戶自行控制速度適合圖片展示類的H5例如，在睡姿大比拼中，用戶可以拖動角色肢體來創(chuàng)建各種有趣的睡眠姿勢5重力交互 重力交互是一個非常直觀的表達(dá)形式，用戶可以輕松get到H5獲得樂趣，這意味著手機(jī)硬件能升級。

lth1ltp折疊1ltplth1 lth1ltp折疊2ltplth1 lth1ltp折疊3ltplth1 lth1ltp折疊4ltplth1 需要js來，最好用jquery來實(shí)現(xiàn) 只需要給h1綁定事件，單件它的時候，設(shè)置它的p屬性，display。

我大概理解到了你的意思，是想實(shí)現(xiàn)背景的視覺差效果吧如果是這個的話兩種方法，一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺應(yīng)該是你想要的效果了你說的這個是單頁面效果我給你個網(wǎng)址上面有好多這樣的。