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

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

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

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>

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



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

  • 400-1100-266
主站蜘蛛池模板: 西乌| 永登县| 时尚| 图片| 平江县| 扎赉特旗| 木里| 潼南县| 武邑县| 沙坪坝区| 永平县| 吉安县| 大关县| 唐河县| 策勒县| 游戏| 成武县| 从化市| 门源| 广西| 台北县| 建平县| 宣化县| 神池县| 湟源县| 黔江区| 牡丹江市| 珠海市| 长治市| 巴楚县| 手机| 武城县| 台南市| 许昌县| 叙永县| 天台县| 睢宁县| 乌拉特后旗| 囊谦县| 清苑县| 磴口县|