※ 引述《gpgpt (陌生)》之銘言：
: 想請問一下，
: 我現在製作一個網站類似這樣：
: ┌──────────────┐
: │1 2 3 4 5 6 上一頁|下一頁│
: ├──────────────┤
: │┌────────────┐│
: ││ ││
: ││ 圖層 ││
: ││ ││
: │└────────────┘│
: └──────────────┘
: 1 2 3 4 5 6 是連結，
: 希望點選該數字時，可以在圖層的地方更換頁面，而不整個reload(也不使用框架)。
: 我目前是用隱藏顯示圖層的方式來寫，
: 但問題是，這樣上一頁和下一頁該如何處理?
: 還有，我在數字上設有連結反應(變色)，
: 希望連到該圖層的時候，那個數字可以變成無作用的狀態。
: (ex.link是藍色，但顯示layer1時，數字1會是黑色，其他數字是藍色：
: ┌──────────────┐
: │1 2 3 4 5 6 上一頁|下一頁│
: ├──────────────┤
: │┌────────────┐│
: ││ ││
: ││ layer1 ││
: ││ ││
: │└────────────┘│
: └──────────────┘ )
: 還有，不知道這種方式會不會load太慢?
: 也或者不需要用這種方式，
: 我知道好像javascript可以做到，
: 不知道有沒有相關資源可以套用?
: 非常感謝。
這要用 javascript 可以做到，可是不知道你 js 學的如何。
用 ajax 的好處是可以不用一次把所有的資料都抓下來，
可是 server 端還需要對應的程式來回應 如 php 或 asp 等等，又是另一個議題了。
純用 js 的原理大概是這樣：
假設你有 6 頁，會有 6 個 div，div 取相同的名字，一開始只有第一個 div 顯示
ex:
<div name="divPage" style="display:block">layer 1</div>
<div name="divPage" style="display:none">layer 2</div>
.........
1 到 6 的數字是連結或按鈕，點下去置行一個 js 的方程式，並傳入點選的值，
ex:
<a href="javascript:changePage(1)">1</a>
js 的部份：
function changePage(pageNum){
var pages = document.getElementsByName('divPage');
for(var i = 0; i< pages.len; i++){
pages[i].style.cssText = "display:none"; // 把所有的頁面都藏起來
}
pages[pageNum -1].style.cssText = "display:block"; // 陣列索引從0開始
// 所以頁碼要減1
}
按鈕變色的部份也是類似的方式，把按鈕取相同的名字，(或是把連結放在<span>中)
然後用類似的 js 去改變 style，或是設好兩個 class，然後去改變 class
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.81.193.180