婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 網站建設 > 建站知識 > 在織夢cms(dedecms)中通過JS來實現(xiàn)鍵盤左右鍵翻頁功

在織夢cms(dedecms)中通過JS來實現(xiàn)鍵盤左右鍵翻頁功

POST TIME:2019-05-23 00:03

在織夢cms(dedecms)中通過JS來實現(xiàn)鍵盤左右鍵翻頁功能我們在很多網站都看到用鍵盤就可以實現(xiàn)翻頁的功能,特別是在一些圖庫類的網站中,那么在我們自己的網站中能否實現(xiàn)這樣的一種鍵盤翻頁功能呢,答案是肯定的,這里我們就用JS來實現(xiàn)鍵盤翻頁功能。
首先,建立一個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文件中,但請注意后的加載千萬別出錯)。
第二步,在自己網站的模板文件的相應地方加入以下的代碼,以實現(xiàn)鍵盤翻頁功能:
<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>

第三步,重新生成一下,試試,是不是可以實現(xiàn)鍵盤翻頁功能了啊



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 五寨县| 汶川县| 丹巴县| 垣曲县| 郑州市| 合肥市| 连南| 巴林左旗| 三明市| 沅江市| 梧州市| 华坪县| 宜兰县| 永兴县| 浮梁县| 通道| 噶尔县| 南安市| 大石桥市| 吉木乃县| 江门市| 金塔县| 定州市| 临安市| 兴国县| 绥阳县| 高要市| 从化市| 安乡县| 沁源县| 翁牛特旗| 大足县| 如东县| 尉犁县| 仁化县| 银川市| 永吉县| 舟山市| 苏尼特右旗| 雷波县| 芒康县|