(html5)这种交互布局最好的实现方式是什么？

来源：网络整理时间:2016/5/27 2:39:25 关键词:最好的,是什么

关于网友提出的“(html5)这种交互布局最好的实现方式是什么？”问题疑问，本网通过在网上对“(html5)这种交互布局最好的实现方式是什么？”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：(html5)这种交互布局最好的实现方式是什么？
描述:

像这种布局，左边菜单，右边内容，点击菜单选项，内容会变化，应该用什么方式做比较好？

左边可以是一排ul和li，右边是许多个div，左边点击时，用js将右边对应的div显示出来，这是一种办法，还能有别的办法吗？

什么耳机是最好的,最好的游戏是什么,cpu最好的是什么,什么是最好的手机,最好的卡盟是什么,最好的suv是什么车,最好的车是什么牌子,最好的车是什么车,最好的爱情是什么,最好的蜂蜜是什么蜜,最好的绿茶是什么茶,最好学的乐器是什么,最好的显卡是什么,最好的咖啡是什么,最好的星座是什

解决方案1:

@boomler 谢谢，我按照你说的弄了，效果很好，不过有个小问题再请教一下。

代码如下：




    



    
    
        go page 1
        go page 2
        to other page

如图，刚载入页面的时候,并没有载入任何内容，需要点击后，才能显示。

如何在刚载入页面的时候就加载出来第一个页面呢？谢谢……

解决方案2:

单页面应用，前端框架中的路由可以实现

解决方案3:

这种视图的切换前后端都可以实现~
后端最好依靠一些框架来做，如thinkPHP···

主要谈一下前端···
js来操作那么一大块儿区域显然是不合适的，题主可以借助angularJS来实现，那么的话，右边区域设为一个ng-view。各种页面缓存在$templateCache里面，这样做成一个单页web 应用···· 切换起来十分流畅，只会局部刷新···

以上介绍了“(html5)这种交互布局最好的实现方式是什么？”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/1330123.html