在織夢cms(dedecms)中通過JS來實現鍵盤左右鍵翻頁功
導讀:織夢技術織夢技術在織夢cms(dedecms)中通過JS來實現鍵盤左右鍵翻頁功能我們在很多網站都看到用鍵盤就可以實現翻頁的功能,特別是在一些圖庫類的網站中,那么在我們自己的網站dede手機模板dede后臺模板。
在織夢cms(dedecms)中通過JS來實現鍵盤左右鍵翻頁功能我們在很多網站都看到用鍵盤就可以實現翻頁的功能,特別是在一些圖庫類的網站中,那么在我們自己的網站中能否實現這樣的一種鍵盤翻頁功能呢,答dede模板免費案是肯定的,這里我們就用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/kbdede模板下載p.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>
第三步,重新生成一下,試試,是不是可以實現鍵盤翻頁功能了啊
相關dede手機模板dede后臺模板。聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-21 ,文章在織夢cms(dedecms)中通過JS來實現鍵盤左右鍵翻頁功主要講述右鍵,來實現,織夢網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.comhttp://www.kfzhhr.com