這種布局是怎麼弄的?

來源:互聯網
上載者:User

就是w3c官網的這個效果 我在課程表那一列點一個標籤頁面就會跳轉到相應的頁面內容 課程表那一列和網頁的布局都是不變 只有右側的內容是變的 這個效果是怎麼做的呢? 總不能做好多頁面吧 點哪個就跳轉到哪個 這樣太麻煩了吧

回複內容:

就是w3c官網的這個效果 我在課程表那一列點一個標籤頁面就會跳轉到相應的頁面內容 課程表那一列和網頁的布局都是不變 只有右側的內容是變的 這個效果是怎麼做的呢? 總不能做好多頁面吧 點哪個就跳轉到哪個 這樣太麻煩了吧

呃,w3c那個網站是重載了整個頁面的,所以既沒用iframe也沒用ajax。
w3c的教程頁面只是用了模板產生了個頁面而已,只不過左右兩側都是重複的……

與題主說的相同,做好多頁面吧 點哪個就跳轉到哪個,w3c做的真的好麻煩。

如果題主想要高大上的實現方法,可以看看anjularJS,主要就是用的ajax技術

可以用iframe,也可以ajax

原來的方法是放一個iframe,然後把連結的target設定在iframe上。。現在用ajax載入後放在div裡

最簡單的方法是IIS裡的include。
PHP裡面的模版引擎。

度娘:模板系統;

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.