一個簡單的解決方案頂端固定一個DIV作為導航容器，該DIV左端和右端分別用DIV模擬向左和向右的按鈕，中間區(qū)域呈現(xiàn)導航按鈕，計算當前位置，用模擬的按鈕控制左右滾動另，你說的手機端用手指滑動，在 HTML 中是由瀏覽器根據(jù)。

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

如果不想用傳統(tǒng)的頁面跳轉，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實現(xiàn)你說的那種，上下不動只有中間的內(nèi)容在變，其實加載的是不同的模板，然后用路由控制的，整個瀏覽器始終處在一個界面中。

left的方法比如讓class為menu的元素寬為300px，高100%的，設置left為300px在這期間可以加一個過渡transitionleft 03s 然后讓class為menu active的元素設置 left設置為0就可以了 ，在這期間可以加一個過渡。

1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標按下的坐標，endx為鼠標移動的坐標。

navulliullifloatleft padding0 5px ltstyle lthead ltbody lt！navui加高度是清楚浮動，可以自行調(diào)整 ltdiv class=quotnavquot ltul ltlilta href=quot#quot菜單ltaltli ltli ltul lt。

2在網(wǎng)頁ltbody區(qū)添加菜單HTML代碼 ltdiv id=quotdlmenuquot ltul id=quotmenuquot ltli lt！if lte IE 6lta href=quot#nogoquotlttablelttrlttdlt！endif ltdl class=quotgalleryquot ltdtlta href=quotmenu。