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

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

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

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

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