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

时间:2014-08-21

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

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

上一条:DedeCMS实现数字递增标签调用方法 下一条:dedecms(织梦cms)的图集imgurls标签中实现数字自增效果

相关文章

最新文章