在织梦cms(dedecms)中通过JS来如何实现键盘左右键翻页功能

不要怪女人现实,女人之所以现实,只因经历过爱情的伤生活的磨砺。只有懂得女人为何如此现实的男人,才能够给予女人一份期待中的现实生活。

织梦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 rel="nofollow noopener noreferrer" href=”http://www.genban.org/”>上一页</A>
<A rel="nofollow noopener noreferrer" href=”http://www.genban.org/”> 1</A>
<SPAN>2</SPAN>
<A rel="nofollow noopener noreferrer" href=”http://www.genban.org/”> 3</A>
<A rel="nofollow noopener noreferrer" href=”http://www.genban.org/”> 4</A><A
rel="nofollow noopener noreferrer" href=”http://www.genban.org/”> 5</A><A
rel="nofollow noopener noreferrer" href=”http://www.genban.org/”> 6</A><A
rel="nofollow noopener noreferrer" 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>

第三步,重新生成一下,试试,是不是可以实现键盘翻页功能了啊

本文在织梦cms(dedecms)中通过JS来如何实现键盘左右键翻页功能到此结束。人生苦短,何不淡然。看透的人,处处是生机;看不透的人,处处是困境。拿得起的人,处处是担当;拿不起的人,处处是疏忽。放得下的人,处处是大道;放不下的人,处处是迷途。做什么样的人,决定权在自我;有什么样的生活,决定权也在自我。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
dedecms右键审查元素发现生成的静态页面有空格的如何解决方法

织梦网页中禁止鼠标右键各种经典代码

dede织梦文章页用键盘左右键如何实现上下篇翻页功能

网页中禁止鼠标右键代码及各种经典代码

dedecms【V5.7】键盘左右键如何实现 上一篇下一篇 翻页功能