M1850资源网 - 最专业的网站源码模板下载站!

全部作品
全部作品
织梦模板
网站模板
源码插件
游戏源码
脚本特效
视频教程
建站教程
M1850资源网 > 建站教程 > 织梦教程 > 织梦优化 > 在织梦cms(dedecms)中通过JS来实现键盘左右键翻页功能

推荐下载

在织梦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 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>

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

嘿,我来帮您!

展开