POST TIME:2019-05-23 00:03
在織夢(mèng)cms(dedecms)中通過(guò)JS來(lái)實(shí)現(xiàn)鍵盤(pán)左右鍵翻頁(yè)功能我們?cè)诤芏嗑W(wǎng)站都看到用鍵盤(pán)就可以實(shí)現(xiàn)翻頁(yè)的功能,特別是在一些圖庫(kù)類(lèi)的網(wǎng)站中,那么在我們自己的網(wǎng)站中能否實(shí)現(xiàn)這樣的一種鍵盤(pán)翻頁(yè)功能呢,答案是肯定的,這里我們就用JS來(lái)實(shí)現(xiàn)鍵盤(pán)翻頁(yè)功能。
首先,建立一個(gè)JS文件,這個(gè)文件的內(nèi)容如下(自己復(fù)制):
(function(){
var kp = {
prev : ”,
next : ”,
turn : function(e) {
var e = window.event ? window.event : e;
if (e.keyCode == 37 && kp.prev) {/*上頁(yè)*/
window.location.href = kp.prev;
} else if (e.keyCode == 39 && kp.next) {/*下頁(yè)*/
window.location.href = kp.next;
}
}
};
document.onkeydown = kp.turn;
window.keyboardPage = kp;
})();
另存為KBP.JS(當(dāng)然你也可以加在自己已有的JS文件中,但請(qǐng)注意后的加載千萬(wàn)別出錯(cuò))。
第二步,在自己網(wǎng)站的模板文件的相應(yīng)地方加入以下的代碼,以實(shí)現(xiàn)鍵盤(pán)翻頁(yè)功能:
<SCRIPT type=text/javascript src=”/images/kbp.js”></SCRIPT>
<DIV id=pages>
<A href=”http://www.genban.org/”>上一頁(yè)</A>
<A href=”http://www.genban.org/”> 1</A>
<SPAN>2</SPAN>
<A href=”http://www.genban.org/”> 3</A>
<A href=”http://www.genban.org/”> 4</A><A
href=”http://www.genban.org/”> 5</A><A
href=”http://www.genban.org/”> 6</A><A
href=”http://www.genban.org/>下一頁(yè)</A>
<SCRIPT type=text/javascript>keyboardPage.prev=”http://www.genban.org/”;
keyboardPage.next=”http://www.genban.org/” ;</SCRIPT>
<BR>友情提示:支持鍵盤(pán)左右鍵“← →”翻頁(yè)</DIV>
第三步,重新生成一下,試試,是不是可以實(shí)現(xiàn)鍵盤(pán)翻頁(yè)功能了啊