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

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

5滾動式導(dǎo)航 滾動式導(dǎo)航分水平滾動和垂直式滾動水平式滾動 水平式滾動就是內(nèi)容呈左右水平方向滾動的，當(dāng)用戶第一次遇到這樣類型網(wǎng)站的時(shí)候，體驗(yàn)感會比較差，因?yàn)樗锢砗鸵曈X運(yùn)動方向與常規(guī)的縱向滾動不同，而且當(dāng)你使用。

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

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