index.html上有8个div,这8个div之间通过按钮可以相互滑动到指定的某个div层(div是全屏的,滑动是横向滑动),这些问题都解决了,现在的问题是,这8个div实际上是8个页面,都放到一个页面上可能会慢,代码太多,请问如何把这8个页面单独出来,且滑动到哪个div 的时候就把这个div里面的页面加载进来呢?而且最关键的是,加载进来之后也要能通过div里面的按钮相互滑动。请各位帮帮忙,万分感谢,最好用jquery。(我的滑动方式是这样的<div id="div1"></div>        <div id="div2"><a href="#div1"></a></div>   点击链接之后滑动到div1)

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id="index">
    <a href="#div1"></a>
    <a href="#div2"></a>
    <a href="#div3"></a>
    <a href="#div4"></a>
    <a href="#div5"></a>
    <a href="#div6"></a>
    <a href="#div7"></a>
    <a href="#div8"></a>
    </div>
    <div id="div1">.....</div>
    <div id="div2">.........</div>
    <div id="div3">..........</div>
    <div id="div4">.........</div>
    <div id="div5">.......</div>
    <div id="div6">.......</div>
    <div id="div7">......</div>
    <div id="div8">........</div>
    </body>
    </html>
    代码太多,大概结构是这样的,点击链接根据href里面的值判断滑动到哪个div  现在是怎么把页面加载到这个div里面?
      

  2.   

    http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/full_screen_preview/159103   就跟这个页面效果是一样的 你查看他的源码 他是把页面加载进来的  不是放到同一个页面里面的,或者谁能帮我down一下也行 谢谢
      

  3.   

    这个用到ajax获取另一个页面的数据
    坐等高人现身。
      

  4.   

    可以div里嵌套iframe,让div左右滑动就可以了。
      

  5.   

    效果是实现了 现在的问题是 怎么能把这几个div里面的页面内容单独拿出来呢?我现在是放在一个页面里面的,太臃肿,怎么才能分离出来呢?
      

  6.   

    就是把一段一段div中的内容剪切到一个新建的html中啊,可以iframe调用
    如果楼主觉得页面打开时间长了,可以使用 jquery 的load方法来做。
      

  7.   

    我试了一下 用iframe的话  单独出来的页面  就不能滑动了。jquery load方法做 请教一下如何做呢?
      

  8.   

    我的意思是我用iframe链接页面,但是分离出来的那个页面就不能使用index.html页面里面的jquery了 所以8个div之间就不能滑动了