• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    在织梦cms(dedecms)中通过JS来实现键盘左右键翻页功
    POST TIME:2019-05-23 00:03

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

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

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!