很简单啊，右边放一个iframe框架，name值＝自定义昵称，然后左边链接里加上target=框架name的名称，如ltiframe scr=quoturlquot name=abc，那么你左边导航的链接里lta herf=#39#39 target=quotabcquot，这样左边的链接就会显示在右边的。

左右滑动是由触摸事件定义的，触摸事件touch会在用户手指放在屏幕上面的时候在屏幕上滑动的时候或者是从屏幕上移开的时候触发下面具体说明touchstart事件当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触。

5滚动式导航 滚动式导航分水平滚动和垂直式滚动水平式滚动 水平式滚动就是内容呈左右水平方向滚动的，当用户第一次遇到这样类型网站的时候，体验感会比较差，因为它物理和视觉运动方向与常规的纵向滚动不同，而且当你使用。

H5单页面手势滑屏切换是采用HTML5 触摸事件Touch 和 CSS3动画Transform，Transition来实现的1实现原理假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度width 设置为500%，然后将5个页面。

setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定时换背景图片的代码 * 下面是图片切换代码 va。