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

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

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

{dede:field name='imgurls' alt='图片输出区'}div[field:imgsrc/]/div
我们有时需要一些带数字递增的列表,如文章排行、推荐排行等等,这就需要在列表文章前显示递增的数字了。对此官方给出了方法。这个标签:[field:autoindex runphp='yes']@me=$GLOBALS['autoindex'];[/field…
织梦CMS默认情况下,RSS订阅源是根据分类区分不同的RSS订阅的。如果用户想订阅整个网站的RSS是个麻烦事,下面给出解决办法:1、添加一个RSS模板,文件名为:rss_index.htm,将RSS模板文件保存到/templets/plus/目录…
dedecms模板的制作比较简单.只要熟悉简单的html就可以制作。 但是要使用dede制作出功能强大、个性化的网站,还需要对dedecms模板的功能进行扩展。 好在dedecms系统有非常强大且方便的扩展性能,这个也是dedecms系统能够流行的一个关键要素吧。 下面介绍下,
在dedecms文章列表中调用文章评论数,dedecms 官方没有现成的标签. 我们来使用php语法来扩展以下: 下面是简单的代码 [field:id runphp='yes'] global $dsql; $row = $dsql-GetOne(select count(aid) as dd from dede_feedback where aid = '{@me}'); @me = $ro
dedecms模板留言板js拓展开发 官方的dedecms留言板模板可以接受的留言信息比较少,只有昵称、emai、QQ、留言内容等少数几个字段。 怎样实现dedecms留言板功能的扩展。增加留言字段呢? 这里介绍的方式,采用js方式,轻松的实现了留言字段的扩展。 这里提供一