很簡單啊，右邊放一個iframe框架，name值＝自定義昵稱，然后左邊鏈接里加上target=框架name的名稱，如ltiframe scr=quoturlquot name=abc，那么你左邊導航的鏈接里lta herf=#39#39 target=quotabcquot，這樣左邊的鏈接就會顯示在右邊的。

左右滑動是由觸摸事件定義的，觸摸事件touch會在用戶手指放在屏幕上面的時候在屏幕上滑動的時候或者是從屏幕上移開的時候觸發(fā)下面具體說明touchstart事件當手指觸摸屏幕時候觸發(fā)，即使已經(jīng)有一個手指放在屏幕上也會觸。

5滾動式導航 滾動式導航分水平滾動和垂直式滾動水平式滾動 水平式滾動就是內(nèi)容呈左右水平方向滾動的，當用戶第一次遇到這樣類型網(wǎng)站的時候，體驗感會比較差，因為它物理和視覺運動方向與常規(guī)的縱向滾動不同，而且當你使用。

H5單頁面手勢滑屏切換是采用HTML5 觸摸事件Touch 和 CSS3動畫Transform，Transition來實現(xiàn)的1實現(xiàn)原理假設有5個頁面，每個頁面占屏幕100%寬，則創(chuàng)建一個DIV容器viewport，將其寬度width 設置為500%，然后將5個頁面。

setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時換背景圖片的代碼 * 下面是圖片切換代碼 va。