POST TIME:2019-05-23 00:03
在織夢cms(dedecms)中通過JS來實現鍵盤左右鍵翻頁功能我們在很多網站都看到用鍵盤就可以實現翻頁的功能,特別是在一些圖庫類的網站中,那么在我們自己的網站中能否實現這樣的一種鍵盤翻頁功能呢,答案是肯定的,這里我們就用JS來實現鍵盤翻頁功能。
首先,建立一個JS文件,這個文件的內容如下(自己復制):
(function(){
var kp = {
prev : ”,
next : ”,
turn : function(e) {
var e = window.event ? window.event : e;
if (e.keyCode == 37 && kp.prev) {/*上頁*/
window.location.href = kp.prev;
} else if (e.keyCode == 39 && kp.next) {/*下頁*/
window.location.href = kp.next;
}
}
};
document.onkeydown = kp.turn;
window.keyboardPage = kp;
})();
另存為KBP.JS(當然你也可以加在自己已有的JS文件中,但請注意后的加載千萬別出錯)。
第二步,在自己網站的模板文件的相應地方加入以下的代碼,以實現鍵盤翻頁功能:
<SCRIPT type=text/javascript src=”/images/kbp.js”></SCRIPT>
<DIV id=pages>
<A href=”http://www.genban.org/”>上一頁</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/>下一頁</A>
<SCRIPT type=text/javascript>keyboardPage.prev=”http://www.genban.org/”;
keyboardPage.next=”http://www.genban.org/” ;</SCRIPT>
<BR>友情提示:支持鍵盤左右鍵“← →”翻頁</DIV>
第三步,重新生成一下,試試,是不是可以實現鍵盤翻頁功能了啊