校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

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

POST TIME:2019-05-23 00:03

在織夢cms(dedecms)中通過JS來實現(xiàn)鍵盤左右鍵翻頁功能我們在很多網(wǎng)站都看到用鍵盤就可以實現(xiàn)翻頁的功能,特別是在一些圖庫類的網(wǎng)站中,那么在我們自己的網(wǎng)站中能否實現(xiàn)這樣的一種鍵盤翻頁功能呢,答案是肯定的,這里我們就用JS來實現(xiàn)鍵盤翻頁功能。
首先,建立一個JS文件,這個文件的內(nèi)容如下(自己復(fù)制):
(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(當(dāng)然你也可以加在自己已有的JS文件中,但請注意后的加載千萬別出錯)。
第二步,在自己網(wǎng)站的模板文件的相應(yīng)地方加入以下的代碼,以實現(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
主站蜘蛛池模板: 英德市| 东乡县| 华蓥市| 南靖县| 比如县| 溧阳市| 贵定县| 大宁县| 讷河市| 大城县| 大连市| 承德市| 宿州市| 阜宁县| 营山县| 蒙山县| 宿松县| 桐梓县| 宁乡县| 西乌珠穆沁旗| 玉门市| 景德镇市| 磴口县| 温泉县| 鸡泽县| 会昌县| 大丰市| 新泰市| 翁牛特旗| 牙克石市| 峨山| 寿宁县| 宁波市| 玉树县| 黎城县| 阜新市| 灵川县| 卢氏县| 财经| 广水市| 观塘区|