服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > dedecms教程 >

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

时间:2017-03-08 10:19来源:未知 作者:最模板编辑 点击:
在织梦dedecms中通过JS来实现键盘左右键翻页功能我们在很多网站都看到用键盘就可以实现翻页的功能, 特别是在一些图库类的织梦dedecms网站中,那么在我们自己的网站中能否实现这样
在织梦dedecms中通过JS来实现键盘左右键翻页功能我们在很多网站都看到用键盘就可以实现翻页的功能,
特别是在一些图库类的织梦dedecms网站中,那么在我们自己的网站中能否实现这样的一种键盘翻页功能呢,答案是肯定的,这里我们就用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=”//www.zuimoban.com/”>上一页</A>
<A href=”//www.zuimoban.com/”> 1</A>
<SPAN>2</SPAN>
<A href=”//www.zuimoban.com/”> 3</A>
<A href=”//www.zuimoban.com/”> 4</A><A
href=”//www.zuimoban.com/”> 5</A><A
href=”//www.zuimoban.com/”> 6</A><A
href=”//www.zuimoban.com/>下一页</A>
<SCRIPT type=text/javascript>keyboardPage.prev=”//www.zuimoban.com/”;
keyboardPage.next=”//www.zuimoban.com/” ;</SCRIPT>
<BR>友情提示:支持键盘左右键“← →”翻页</DIV>
第三步,重新生成一下,试试,是不是可以实现键盘翻页功能了啊
(责任编辑:最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容